DOM(Document Object Model)是指网页文档对象模型,是 HTML 或 XML 页面的编程接口。通过 JavaScript,可以操作 DOM 元素并修改它们的内容。
在 JavaScript 中,可以使用以下方法获取 DOM 元素:
//通过 ID 获取元素
var element = document.getElementById("id");
//通过标签名获取元素
var elements = document.getElementsByTagName("tagname");
//通过类名获取元素
var elements = document.getElementsByClassName("classname");
//获取所有元素
var elements = document.querySelectorAll("selector");
使用上述方法获取到元素后,可以通过以下方法修改元素的内容:
//修改元素的文本内容
element.textContent = "new content";
//修改元素的 HTML 内容
element.innerHTML = "new content";
如果要修改元素的属性,可以使用以下方法:
//修改元素的属性
element.setAttribute("attribute", "value");
//获取元素的属性
var attributeValue = element.getAttribute("attribute");
需要注意的是,修改元素的内容或属性时,要确保该元素已经存在于网页中。