27、前端开发中的 DOM 操作与 Node.js 基础

前端开发中的 DOM 操作与 Node.js 基础

一、DOM 方法与属性操作

在网页开发中，DOM（文档对象模型）是一个非常重要的概念，它将网页的各个元素表示为对象，方便我们使用 JavaScript 进行操作。

1. 属性的添加与移除

我们可以使用 setAttribute() 和 removeAttribute() 方法来添加和移除元素的属性。例如，给 <h1> 标题添加一个 class 属性：

document.querySelector("h1").setAttribute("class", "important");

对于布尔属性，存在该属性则表示为 true ，不存在则为 false 。比如隐藏一个段落：

const member = document.getElementById("memberP");
member.setAttribute("hidden", "");

若要显示该段落，可移除 hidden 属性：

member.removeAttribute("hidden");
</