原生JS 操作方法总结 (添加,移除,替换,插入,复制,创建,查找)


基本方法

1. appendChild("要添加元素") // 添加元素
2. removeChild("要删的元素") // 移除元素
3. replaceChild("新节点", "被替换的节点") // 替换元素
4. insertBefore("插入元素", "在哪个元素前面") // 在之前插入元素
5. insertAfter("插入元素", "在哪个元素后面") // 在之后插入元素
6. cloneNode(布尔值) // 复制元素(克隆)

若为true,代表复制时会包含后代节点一起复制
若为false,代表复制是不包含后代节点

创建新节点

* createDocumentFragment() // 创建一个DOM片段
* createElement("标签名") // 创建一个具体的元素
* createTextNode() // 创建一个文本节点

查找新节点

1. document.getElementsByTagName("") // 通过标签名称找
2. document.getElementsByName("") // 通过元素的Name属性的值找
3. document.getElementById("") // 通过元素ID,唯一性
4. document.getElementsByClassName("") // 通过类查找
5. document.querySelector("") //通过选择器找(获取一个选择器)
6. document.querySelectorAll("") //获取全部选择器

你可能感兴趣的:(javascript)