JavaScript操作节点的技巧和方法有哪些？

6 min read

JavaScript 操作节点的方法主要有以下几种：

  1. getElementById() 方法：根据 id 获取节点。

  2. getElementsByClassName() 方法：根据 class 名称获取节点。

  3. getElementsByTagName() 方法：根据标签名获取节点。

  4. querySelector() 方法：根据 CSS 选择器获取一个节点。

  5. querySelectorAll() 方法：根据 CSS 选择器获取一组节点。

  6. createElement() 方法：创建一个新的元素节点。

  7. createTextNode() 方法：创建一个新的文本节点。

  8. appendChild() 方法：将一个节点添加到另一个节点的子节点列表的末尾。

  9. insertBefore() 方法：将一个节点插入到另一个节点之前。

  10. removeChild() 方法：从当前节点的子节点列表中删除一个子节点。

  11. replaceChild() 方法：用一个节点替换另一个节点。

  12. setAttribute() 方法：设置节点的属性。

  13. getAttribute() 方法：获取节点的属性。

  14. innerHTML 属性：设置或返回节点的 HTML 内容。

  15. innerText 属性：设置或返回节点的文本内容。