HTML DOM – 修改

在 HTML 文档对象模型（DOM）中，修改是指通过编程方式动态地更改网页的内容、结构和样式。通过 JavaScript，开发者可以实现以下操作：

1. 修改 HTML 内容：使用 innerHTML 属性可以获取或设置元素的 HTML 内容。 document.getElementById("example").innerHTML = "新的内容";
2. 修改文本内容：使用 textContent 属性可以获取或设置元素的纯文本内容。 document.getElementById("example").textContent = "新的文本";
3. 修改元素属性：使用 setAttribute() 方法可以更改元素的属性值。 document.getElementById("example").setAttribute("class", "newClass");
4. 修改元素样式：通过访问元素的 style 对象，可以更改其内联样式。 document.getElementById("example").style.color = "blue";
5. 添加新元素：使用 createElement() 方法创建新元素，并使用 appendChild() 方法将其添加到 DOM 中。 var newElement = document.createElement("p"); newElement.textContent = "这是一个新段落。"; document.body.appendChild(newElement);
6. 删除元素：使用 removeChild() 方法可以从 DOM 中删除指定的子元素。 var parentElement = document.getElementById("parent"); var childElement = document.getElementById("child"); parentElement.removeChild(childElement);

通过掌握这些方法，开发者可以灵活地操作 DOM，实现丰富的交互效果和动态内容更新。

更多详细信息和示例代码，请参考 菜鸟教程。