27、前端开发：DOM操作与Node.js基础全解析

前端开发：DOM操作与Node.js基础全解析

1. DOM方法和属性

在网页开发中，文档对象模型（DOM）是一个关键概念，它将网页表示为树形结构，使我们能够通过JavaScript来访问和操作网页元素。以下是一些常用的DOM方法和属性。

1.1 属性的添加和移除

可以使用 setAttribute() 和 removeAttribute() 方法来添加和移除元素的属性。其语法为 element.setAttribute("name", "newValue"); 。例如，为 <h1> 标题添加一个类：

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

对于布尔属性，如果属性存在，则认为其值为 true ；如果属性不存在，则为 false 。例如，隐藏一个段落：

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

要显示该段落，只需移除 hidden 属性：