HTML DOM 访问

HTML DOM 提供了多种方式来访问文档中的元素，包括按照 ID、类名、标签名等进行选择。以下是一些常用的 HTML DOM 访问方法：

1. getElementById()：通过元素的 ID 属性获取元素。 var element = document.getElementById("myElement");
2. getElementsByClassName()：通过元素的类名获取一组元素。 var elements = document.getElementsByClassName("myClass");
3. getElementsByTagName()：通过元素的标签名获取一组元素。 var paragraphs = document.getElementsByTagName("p");
4. querySelector()：通过 CSS 选择器获取匹配的第一个元素。 var element = document.querySelector("#myElement");
5. querySelectorAll()：通过 CSS 选择器获取匹配的所有元素。 var elements = document.querySelectorAll(".myClass");

这些方法允许你以不同的方式选择文档中的元素。一般来说，使用 getElementById() 是最快的，因为 ID 在文档中是唯一的，但是其他方法也可以用于选择一组元素。

在使用这些方法之后，你可以使用返回的元素集合来遍历、修改、删除或添加元素，以实现对文档的动态操作。例如：

var element = document.getElementById("myElement");
element.innerHTML = "New content";

var paragraphs = document.getElementsByTagName("p");
for (var i = 0; i < paragraphs.length; i++) {
    paragraphs[i].style.color = "red";
}

这些例子展示了如何通过 HTML DOM 方法访问和操作文档中的元素。这些方法提供了对文档结构的灵活控制，可以用于构建交互式和动态的网页应用程序。