JavaScript 可以通过操作 DOM（文档对象模型）元素来修改网页结构。DOM 是一种树形结构，表示网页的标记语言（如 HTML 或 XML）的层次结构，可以使用 JavaScript 来访问、添加、删除和修改 DOM 元素。
可以使用 document 对象来访问 DOM 元素。例如，可以使用 document.getElementById() 方法来获取具有指定 ID 的元素：
// 获取 ID 为 "myElement" 的元素
var element = document.getElementById("myElement");
可以使用 createElement() 方法来创建新的 DOM 元素，使用 appendChild() 方法将其添加到文档中。例如，可以创建一个新的段落元素并将其添加到文档的 body 元素中：
// 创建一个新的段落元素
var element = document.createElement("p");
// 添加一些文本
element.textContent = "这是一个新的段落。";
// 将元素添加到文档中
document.body.appendChild(element);
使用 removeChild() 方法可以从文档中删除元素。例如，可以删除具有指定 ID 的元素：
var element = document.getElementById("myElement");
if (element.parentNode) {
element.parentNode.removeChild(element);
}
可以使用属性和方法来修改 DOM 元素。例如，可以使用 innerHTML 属性来设置元素的 HTML 内容：
var element = document.getElementById("myElement");
element.innerHTML = "这是加粗的文本。";
可以使用 setAttribute() 方法来设置元素的属性，例如：
var element = document.getElementById("myElement");
element.setAttribute("class", "highlight");
以上是 JavaScript 操作 DOM 元素的基本方法，掌握这些方法后，就可以通过 JavaScript 来实现动态修改网页的效果了。