javascript中如何通过DOM修改网页内容的方法

使用DOM技术可以轻松修改网页内容。DOM（文档对象模型）是一个描述网页内容的标准模型，它将网页内容建模为一个层次结构的文档对象，使用JavaScript可以操作文档对象，从而改变网页的内容。

获取网页内容

要想修改网页内容，要获取网页内容。可以使用document.getElementById()方法获取网页内容，该方法可以接受一个参数，即HTML元素的id，返回值是该元素的引用，可以通过该引用操作该元素。

// 获取id为"title"的元素
var title = document.getElementById("title");

修改网页内容

获取到网页元素之后，可以使用元素的属性或方法，来修改元素的内容。

• 修改文本内容：可以使用元素的innerHTML属性，来修改该元素的文本内容。

title.innerHTML = "新标题";

• 修改样式：可以使用元素的style属性，来修改元素的样式。

title.style.color = "red";

• 修改属性：可以使用元素的setAttribute()方法，来修改元素的属性。

title.setAttribute("title", "这是一个新的标题");

通过DOM技术可以轻松修改网页内容。可以使用document.getElementById()方法获取网页内容，使用元素的属性或方法，来修改元素的内容，从而实现修改网页内容的目的。