码迷,mamicode.com
首页 > 其他好文 > 详细

学习总结--Dom

时间:2017-11-07 15:00:51      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:node   replace   elements   getattr   nod   new   type   获取   nbsp   

节点(每个元素都会有的3个nodeValue nodeType nodeName;)

  1 元素节点 nodeName 元素节点名 nodeType 1 nodeValue null或者undefined

  2属性节点 nodeName 属性节点名 nodeType 2  nodeValue 属性节点的值

  3 文本节点 nodeName #text nodeType  3 nodeValue 文本值

2 创建元素节点 document.createElement(‘li‘)

3创建文本节点document.createTextNode("123");

4 属性节点 通过元素节点.属性名去创建或者 node.setAttribute(name,value);获取节点的属性值  node.getAttribute(name);移除节点的属性值 node.removeAttribute(name);

5追加节点 node.appendChild(newchild);

6 删除节点 node.parentNode.removeChild(node);

7 克隆节点 node.cloneNode(true);

8 替换节点node.replaceChild(nwchild, oldchild); 除了具有替换节点的功能,还具有移动节点的功能;可以自定义函数replaceEach(achild,bchild) 两个节点彼此替换位置;

9父节点 paraentNode  子节点 firstElementChild firstChild  lastElementChild   lastChild 下一兄弟节点nextSibling  nextElementSibling  前一兄弟节点previousSibling  previousElementSibling;

10节点的获取 

  document.getElementById(‘‘);

   document.getElementsByTagName(‘‘);

  document.getElementsByClassName(‘‘)

  document.getElementsByName(‘‘);

 

学习总结--Dom

标签:node   replace   elements   getattr   nod   new   type   获取   nbsp   

原文地址:http://www.cnblogs.com/yachao1120/p/7798950.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!