js节点操作和节点属性操作

节点操作

1.节点查找

• document.getElementById，document.getElementByTagName，document.getElementByName ，document.getElementByClassName
• document.querySelector() 参数为选择器
• document.forms 选取页面中的所有表单元素

2.增加节点

• 增加节点前必须先使用document.createElement()创建元素节点，参数为标签名
• m.appendChild(n) 为m元素在末尾添加n节点
• m.insertBefore(k,n) 在m元素的k节点前添加n节点

3.删除节点

• m.removeChild(n)删除m元素中的n节点
• m.replaceChild(k,n)用n节点取代m元素中的k节点

4.复制节点

• m.cloneChild() 复制m节点，并将复制出来的节点作为返回值
• 参数为true时，则将m元素的后代元素也一并复制。否则，仅复制m元素本身

节点属性操作

1.节点属性选取

• m.属性名  ：驼峰形式         m.className
• m[“属性名”] ：加引号，驼峰形式       m.['className']
• m.getAttribute(“属性名”)  ：加引号，html的形式       m.getAttribute("class")

2.节点属性修改

• 前两种选取方法时，直接赋值即可
• m.setAttribute("属性名"，“值”) 

 

转载于:https://www.cnblogs.com/chwafo/p/8005617.html