关于javascript:原生JS-操作方法总结-添加移除替换插入复制创建查找

28次阅读

共计 613 个字符，预计需要花费 2 分钟才能阅读完成。

`根本办法`

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(“”) // 获取全副选择器

正文完