【JS】Dom节点操作常用方法

目录

1.访问/获取节点

1.1 通过顶层document节点获取：

1.2 通过父节点获取：

1.3 通过子节点获取：

1.4 通过兄弟节点获取：

2.创建节点/属性

3.添加节点

4.复制节点

5.删除节点

6.添加文本

---

1.访问/获取节点

1.1 通过顶层document节点获取：

document.getElementById(id);　　　　　                          //返回对拥有指定id的第一个对象   

document.getElementsByName(name);　　                      //返回带有指定名称的节点集合　　

document.getElementsByTagName(tagname); 　          　//返回带有指定标签名的对象集合　  

document.getElementsByClassName(classname);            //返回带有指定class名称的对象集合 

document.querySelector()                                               // 返回第一个匹配的节点，好用

document.querySelectorAll()                            //可以选择多个节点,以","分隔开,返回的是个数组；

注意：query选择符选出来的元素及元素数组是静态的，而getElement这种方法选出的元素是动态的。

1.2 通过父节点获取：

parentObj.firstChild：                                    获取父节点下的第一个子节点（会将空格和换行计入），这个属性是可以递归使用的，即支持 parentObj.firstChild.firstChild...的形式，如此就可以获得更深层次的节点。

parentObj.firstElementChild：                        获取父节点下的第一个子元素节点

parentObj.lastChild：                                         获取父节点下的最后一个子节点（会将空格和