一、创建节点
在 JavaScript 中，创建节点其实非常简单，只需要调用相应的方法即可。常见的创建节点的方法有以下几种：
1.document.createElement(tagName)：创建一个指定标签名的新元素节点。
2.document.createTextNode(text)：创建一个包含指定文本内容的新文本节点。
3.document.createComment(text)：创建一个指定内容的注释节点。
4.element.setAttribute(name, value)：为元素设置属性。
二、读取节点
读取节点是 DOM 操作中最常见的操作之一，而且也是最容易理解的操作。读取节点可以通过以下方式进行：
1.document.getElementById(id)：根据 id 获取元素节点。
2.document.getElementsByTagName(tagName)：根据标签名获取元素节点列表。
3.element.getAttribute(name)：获取元素节点的指定属性值。
4.element.innerHTML：获取或设置元素节点的 HTML 内容。
三、更新节点
更新节点是指对节点进行修改或者替换。常见的更新节点的方法有以下几种：
1.element.appendChild(node)：向元素节点添加一个子节点。
2.element.insertBefore(newNode, oldNode)：在某一元素节点前插入一个新的节点。
3.element.replaceChild(newNode, oldNode)：替换元素节点的一个子节点。
4.element.removeChild(node)：从元素节点中删除一个子节点。
四、删除节点
在 DOM 操作中，删除节点也是非常常见的一种操作。一些不再需要的节点需要被删除，以免占用内存和影响性能。常见的删除节点的方法有以下几种：
1.element.parentNode.removeChild(element)：从父元素中删除指定的子元素。
2.element.remove()：从 DOM 树中删除元素节点。
3.document.write('')：覆盖文档内容，相当于删除全部节点。
通过上述四个基本操作，我们可以实现对 DOM 节点的 CRUD 操作。这些操作为前端开发者提供了丰富的手段，可以动态地修改网页元素，实现各种各样的效果。熟练掌握 DOM 的 CRUD 操作，是每个前端开发者必须具备的技能之一。
