jyren_Rachel
- 浏览: 5163 次
- 性别:
- 来自: 杭州
-
最新评论
文章列表
Dom 节点API
document.getElementById():
document.getElementsByTag():
getElementsByName():
node.firstChild,node.lastChild,获取节点的第一个节点和最后一个节点
previousSibling，nextSibling：找邻近的节点
parentNode：找父节点
childNodes
hasChildNodes():当childNodes包含一个或多个节点时，返回真
node.appendChild(node)
parentNode.removeChild();
re ...
Dom节点的信息
nodeName：节点的名字，返回字符串
元素节点，返回这个元素的名字，相当于tagName属性，如p
属性节点，返回这个属性的名字
文本节点，返回一个#text的字符串
nodeType: 节点的类型，返回整数
常用的三种类型：
nodeType == 1 ： 元素节点 ，<p>,<h1>
nodeType == 2 ： 属性节点,title="cssrain"
nodeType == 3 ： 文本节点<p>test</p>test就是文本节点
整数
常量
...
批量增加Dom 尽量使用修改innerHTML的方式而不是用appendChild的方式; 因为使用innerHTML开销更小,速度更快,同时也更加内存安全. 有 一点需要注意的是,用innerHTML方式添加时,一定不要在循环中使用 innerHTML += 的方式添加,这样反而会使速度减慢; 而是应该中间用array缓存起来,循环结束后调用 xx.innerHTML = array.join(‘’);的方式,或者至少保存到string中再插到innerHTML中. 针对用户列表一块采用这种方式优化后,加载速度提升一倍.
单个增加Dom 这里是指要将新节点加载到一个内容不断变化的 ...
浏览器使用键盘时遵循的条件。目前，对键盘事件的支持主要遵循的是DOM0级。
keypress: 当输入字符键时触发，但现在有些浏览器按下功能键是也能触发,而且按住不放的话,会重复触发此事件。
keydown: 当用户按下任意键时触发，而 ...