HTML DOM 方法

HTML DOM（文档对象模型）提供了一系列方法，用于访问、操作和控制HTML文档中的元素、属性、文本内容等。这些方法允许开发者通过JavaScript来动态地改变网页的内容、结构和样式，实现交互性和动态性。

以下是一些常用的HTML DOM方法：

1. getElementById(id)：通过指定元素的id属性，获取对应的元素节点。 var element = document.getElementById("myElement");
2. getElementsByClassName(className)：通过指定元素的class属性，获取所有具有相同类名的元素节点。 var elements = document.getElementsByClassName("myClass");
3. getElementsByTagName(tagName)：通过指定元素的标签名，获取所有具有相同标签名的元素节点。 var elements = document.getElementsByTagName("p");
4. querySelector(selector)：通过指定CSS选择器，获取匹配的第一个元素节点。 var element = document.querySelector("#myElement");
5. querySelectorAll(selector)：通过指定CSS选择器，获取所有匹配的元素节点。 var elements = document.querySelectorAll(".myClass");
6. createElement(tagName)：创建一个新的元素节点。 var newElement = document.createElement("div");
7. appendChild(node)：将指定的节点作为最后一个子节点添加到指定元素节点中。 parentElement.appendChild(newElement);
8. removeChild(node)：从指定元素节点中移除指定的子节点。 parentElement.removeChild(childElement);
9. setAttribute(name, value)：设置指定元素节点的属性值。 element.setAttribute("class", "myClass");
10. getAttribute(name)：获取指定元素节点的属性值。 var value = element.getAttribute("class");

这些只是HTML DOM中的一部分常用方法，还有许多其他方法可以用于操作和控制HTML文档。通过结合这些方法，开发者可以实现对网页内容、结构和样式的灵活控制，从而创造出更丰富的用户体验。