HTML DOM获取节点详解

在HTML DOM中，我们可以使用各种方法来获取页面上的节点。以下是一些常用的方法：

1. 通过ID获取元素：

var element = document.getElementById("id");

2. 通过类名获取元素列表：

var elements = document.getElementsByClassName("class");

3. 通过标签名获取元素列表：

var elements = document.getElementsByTagName("tag");

4. 通过CSS选择器获取单个元素：

var element = document.querySelector(".class");

5. 通过CSS选择器获取元素列表：

var elements = document.querySelectorAll(".class");

6. 通过父节点获取子节点：

var child = parent.firstChild; // 第一个子节点
var child = parent.lastChild; // 最后一个子节点
var child = parent.childNodes[0]; // 第一个子节点
var child = parent.childNodes[parent.childNodes.length - 1]; // 最后一个子节点

7. 通过子节点获取父节点：

var parent = child.parentNode;

8. 通过元素节点获取下一个或上一个兄弟节点：

var nextSibling = element.nextSibling; // 下一个兄弟节点
var previousSibling = element.previousSibling; // 上一个兄弟节点

这些方法可以帮助我们在HTML DOM中快速准确地获取到需要的节点。