节点属性在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :1. nodeName : 节点的名称2. nodeValue :节点的值3. nodeType :节点的类型一、nodeName 属性:节点的名称,是只读的。1.元素节点的 nodeName 与标签名相同...
分类:
其他好文 时间:
2015-05-27 00:44:32
阅读次数:
191
节点信息每个节点都拥有包含着关于节点某些信息的属性。这些属性是:nodeName(节点名称)nodeValue(节点值)nodeType(节点类型)nodeNamenodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名称文本节点的 n...
分类:
Web程序 时间:
2015-05-26 20:40:05
阅读次数:
113
在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :1. nodeName : 节点的名称2. nodeValue :节点的值3. nodeType :节点的类型一、nodeName 属性:节点的名称,是只读的。1.元素节点的 nodeName 与标签名相同2.属性...
分类:
其他好文 时间:
2015-05-21 10:30:22
阅读次数:
122
缓存DOM对象
在内存中操作元素
由于DOM操作会导致浏览器的回流,回流需要花费大量的时间进行样式计算和节点重绘与渲染,所以应当尽量减少回流次数。一种可靠的方法就是加入元素时不要修改页面上已经存在的元素,而是在内存中的节点进行大量的操作,最后再一并将修改运用到页面上。
一次性DOM节点生成
在这里我们每次都需要生成节点(document.createElement("li")),然后将其加入到内存片段中,我们可以通过innerHTML属性来一次性生成节点,具体的思路就是使用字符串拼接的方式,先生成相应的HT...
分类:
其他好文 时间:
2015-05-14 16:42:46
阅读次数:
119
AngularJS通过指令将application数据绑定到HTML DOM元素的属性上。ng-disabled指令 ng-disabled指令将AngularJS application数据绑定到HTML元素的disabled属性上。Click Me!Button运行代码解释: ng-di...
分类:
Web程序 时间:
2015-05-12 06:56:38
阅读次数:
133
1 //目标DOM节点 2 var renderTarget=document.getElementById('ul1'); 3 4 //渲染模版 5 var tpl= '\ 6 \ 7 ...
分类:
其他好文 时间:
2015-04-28 20:23:23
阅读次数:
97
DOM : Document Object Model 文档对象模型文档:html页面文档对象:页面中元素文档对象模型:定义 为了能够让程序(js)去操作页面中的元素DOM会把文档看作是一棵树,同时定义了很多方法来操作这棵数中的每一个元素(节点)DOM节点getElementByIdgetEleme...
分类:
编程语言 时间:
2015-04-25 16:19:17
阅读次数:
196
今天想记录下对arttemplate模板的使用,哎,其实这玩意的兴起主要还是得从浏览器操作dom说起。如果修改浏览器的某一个dom节点就会引起文档流的重绘,然后这个重绘的耗时相当的大,是昂贵的开销。所以我们一般不愿意直接进行DOM操作,因为这个性能太差了,我们一般会采用字符拼接的方法来做,最后把整....
分类:
编程语言 时间:
2015-04-24 00:42:21
阅读次数:
171
城市选择插件的难度不是很大,主要是对dom节点的操作。而我写的这个插件相对功能比较简答,没有加入省市联动。上代码好了,参照代码的注释应该比较好理解。 1 /* 2 *基于jquery的城市选择插件 3 *author:youziclub 4 *2015-4-22 5 */ 6 ;(function(...
分类:
Web程序 时间:
2015-04-23 02:00:12
阅读次数:
415