原生js dom对象转为字符串后丢失click事件

通过原生js对DOM事件的绑定的几种方式总汇

在网页开发中经常会有交互操作,比如点击一个dom元素,需要让js对该操作做出相应的响应,这就需要对Dom元素进行事件绑定来进行处理,js通常有三种常用的方法进行事件绑定:在DOM元素中直接绑定:在JavaScript代码中绑定:绑定事件监听函数. 直接在DOM元素绑定事件 <div id="btn" onclick="clickone()"></div> //直接在DOM里绑定事件 <script> function clicko

[转]JS中对象与字符串的互相转换

原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常. 即:JSON.parse(text, reviver),This method parses a JSON text t

jq对象转为dom对象：$(".div1")[0] dom对象转为jq对象：$(dom对象)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js" ></script> </head&g

JS中对象与字符串的互相转换

在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常. 即:JSON.parse(text, reviver),This method parses a JSON text to produce an object or array. t can throw a SyntaxE

jQuery对象和DOM对象和字符串之间的转化

jQuery对象和DOM对象和字符串之间的转化字符串---------->jQuery对象 $(HTML字符串): $('<div>我是祖国的一朵小花</div>') 待添加列表 jQuery对象---------->DOM对象下标选取法(原理:jQuery是DOM的数组形式):$("h2")[1] 使用.get(index)函数字符串----------->DOM对象写一个脚本函数 function parseDom(nodelist

JS DOM对象控制HTML元素详解

JS DOM对象控制HTML元素详解方法: getElementsByName() 获取name getElementsByTagName() 获取元素 getAttribute() 获取元素属性 setAttribute() 设置元素属性 childNodes() 访问子节点 parentNode() 访问父节点 createElement() 创建元素节点 createTextNode() 创建文本节点 insertBefore() 插入节点 removeChild()

原生js dom记忆的内容

1.DOM基础getElementByIdgetElementByTagNamegetElementByName getElementsByClass querySelector querySelectorAllgetAttributesetAttributeremoveAttribute domobj.tagNamedomobj.innerHTML innerHTML与innerText的区别.http://akunamotata.iteye.com/blog/440863domobj.idd

jQuery获取的dom对象和原生的dom对象有何区别

js原生获取的dom是一个对象,jQuery对象就是一个数组对象,其实就是选择出来的元素的数组集合,所以说他们两者是不同的对象类型不等价原生DOM对象转jQuery对象 var box = document.getElementById('box') var $box = $(box) jQuery对象转原生DOM对象 var $box = $('#box') var box = $box[0]

2018-06-19 js DOM对象

DOM对象: Doucument Object Model即文档对象 DOM对象的操作: 1.找元素返回元素对象: var obj=document.getElementById();//通过Id查找元素 document.getElementsByName();//通过name属性值查找元素对象集合 document.getElementsByTagName();//通过标签名查找元素对象集合 document.getElementsByClassName();//通过类名查找元素对象集合

json对象转为字符串，当做参数传递时加密解密

[son对象字符串互相转行] 比如我有两个变量,我要将a转换成字符串,将b转换成JSON对象: var a={"name":"tom","sex":"男","age":"24"}; var b='{"name":"Mike","sex":"女","age":"29"

JS & DOM 对象

22:36 2013/6/4 详情参照W3C文档标准 Browser 对象(顶层对象) DOM Window DOM Navigator DOM Screen DOM History DOM Location HTML DOM 对象 DOM Document DOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Canvas DOM Event DOM Form DOM Frame DOM Frameset DOM IFrame DOM Ima

Clob对象转为字符串

项目中遇到一个问题,对方公司把打印好的报表数据存到数据库中,实际上就是把html存在Oracle中,然后需要我们在社保系统里进行查询. 但是他们把数据存放在B数据库,而我们的社保系统用的数据库是B.A和B都是Oracle数据库这样就遇到一下几个问题: 1.读取B数据的Clob对象,但是会报错: ORA-22992:无法使用从远程表选择的LOB定位符 ,解决方法如:http://www.cnblogs.com/Sunnor/p/5368530.html 2 怎么把Clob对象读取出来,然后写到j

原生js判断css3动画过度(transition)结束 transitionend事件以及关键帧keyframes动画结束(animation)回调函数 animationEnd 以及 css 过渡 transition无效

上图的 demo 主要讲的是 css transition的过渡回调函数transitionend事件: css3 的时代,css3--动画一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,JavaScript仍然能捕获动画或变换的结束事件: transitionend事件和animationend事件标准的浏览器事件,但在WebKit浏览器里你仍然需要使用webkit前缀,所以,我们不得不根据各种浏览器分别检测事件 var transiti

JS CKEditor使用setData后绑定click事件

CKEditor使用setData()时会自动丢失初始时绑定的时间,在百度时发现有很多方法都不对. 近期在做项目的时候,由于客户需要,将原来的文本格式的textarea标签更改成富文本编辑器--CKEditor,插件使用起来很方便,网上教程很多.API看起来比较麻烦. 为文本框添加绑定事件的两种方式: 1.CKeditor预加载时可以绑定一次: IS代码: var a = CKEDITOR.replace( id);//id是页面元素的ID值:ckeditor_onFocus是自己定义的方法

原生JS的对象常用操作总结

前端时间写了篇怎么判断js对象相等的文章,一直在期待大神给点消息,无奈一直杳无音讯,还是自己写个函数来进行判断,下面总结一些常用的对象操作的方法. 咋们来个先抑后扬的方式,先放出几个基本的东西,埋点伏笔,一下子就把那方法亮出来,我这文章就没得写了.大神们就绕道走吧,哥这是入门级别的,自己觉还挺实用的,就先做个记录. 类型定义及判断先来个全局变量及定义默认的数据类型 1: var framework = { 2: //定义常用的js类型 3: type : { 4: nothi

JS中将变量转为字符串

译者按: 语言的细枝末节了解一下就可以了,不需要太较真,不过如果一点也不知道的话,那就不太妙了. 原文: Converting a value to string in JavaScript 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 对于JavaScript,有3种不同方法可以将变量转换为字符串.这篇博客将详细介绍这些方法,并比较他们的优劣. 3种方法将变量转换为字符串的3种方法如下: value.toString() "&q

原生js实例对象方法

Array中的方法 ☞ toString() // 把数组转换为字符串,使用逗号分隔☞ valueOf() // 返回数组对象本身 ☞ 栈方法(先进后出)ary.push() // 该方法有一个返回值,表示数组最新的长度,该方法中可以设置多个参数ary.pop() //返回数组中最后一个字,且会修改数组的长度 ☞ 队列方法(先进先出)ary.shift() //取出数组中的第一个元素,修改数组的长度ary.unshift(number) //在数组中最开始位置添加一个值 ☞ 排序方法ary.re

js Dom对象的属性与方法

1.对象集合: (1).all[]; (2).images[]; (3).anchors[]; (4).forms[]; (5).links[]; 2.属性: document.cookie;设置或返回当前文档有关的所有cookie document.title;返回当前文档的标题 document.domain:返回当前文档的域名 d

js JSON对象与字符串相互转换

从服务器接收到数据一般是字符串的形式.如果是JSON格式的字符串,就需要先将其转换成JSON对象.JSON对象在浏览器输出为objcet,我们看不到具体的数据.所以将JSON对象转换成字符串. 下面将JSON对象称为 O-JSON,将JSON格式的字符串称为S-JSON. S-JSON===>O-JSON O-JSON=$.parseJSON(S-JSON) O-JSON===>S-JSON S-JSON=JSON.stringify(O-JSON)

引用 1.9.1.min.js dom对象没有live 绑定事件方法，引用 1.7.js 就有live 绑定事件方法

问题:相同环境,引用 1.9.1.min.js $('div[data-role="page"]').live('pagehide', function (event, ui) { $(event.currentTarget).remove(); });这个报错,提示 Uncaught TypeError: Object [object Object] has no method 'live'而引用1.7就不会.谁能解释一下,一般都是高版本兼容低版的.还是我下载的1.9.1.min.j

JS DOM对象与jQuery对象的转换

JS转jQuery // 直接用$()来包裹如同$(this) $(document) var jsObj = document.getElementById('test'); var jqueryObj = $(jsObj); jQuery转JS // 下标 [0] 或.get(index)方法 var jqueryObj = $('#test'); var jsObj = jqueryObj[0]; var jsObj = jquryObj.get(0);

巴特西