创建节点和访问节点

创建节点：

1. document.createElement(tagName)：创建一个新的HTML元素节点。例如，document.createElement('div')将创建一个新的<div>元素节点。
2. document.createTextNode(data)：创建一个包含文本内容的文本节点。例如，document.createTextNode('Hello, world!')将创建一个包含文本“Hello, world!”的文本节点。
3. document.createDocumentFragment()：创建一个新的文档片段。文档片段是一个轻量级的容器，它不作为文档树的一部分存在，因此可以在其中进行多次更改，然后一次性将其添加到文档树中。

访问节点：

1. document.getElementById(id)：获取具有指定ID的元素节点。例如，document.getElementById('myDiv')将获取ID为“myDiv”的元素节点。
2. document.getElementsByClassName(name)：获取所有具有指定类名的元素节点集合。例如，document.getElementsByClassName('myClass')将获取所有类名为“myClass”的元素节点。
3. document.getElementsByTagName(name)：获取所有具有指定标签名的元素节点集合。例如，document.getElementsByTagName('div')将获取所有标签名为“div”的元素节点。
4. document.querySelector(selector)：获取与指定CSS选择器匹配的第一个元素节点。例如，document.querySelector('.myClass')将获取类名为“myClass”的第一个元素节点。
5. document.querySelectorAll(selector)：获取与指定CSS选择器匹配的所有元素节点集合。例如，document.querySelectorAll('.myClass')将获取所有类名为“myClass”的元素节点。