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

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

一、DOM操作基础

1.1 属性的添加与移除

在网页开发中，我们经常需要对元素的属性进行添加和移除操作。可以使用 setAttribute() 和 removeAttribute() 方法来实现。例如，要为 <h1> 标题添加一个 class 属性：

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

对于布尔属性，若属性存在则视为 true ，不存在则为 false 。比如，有一个 id 为 memberP 的段落，若想根据用户是否为会员来显示或隐藏它，可以这样操作：

const member = document.getElementById("memberP");
member.setAttribute("hidden", ""); // 隐藏段落
member.removeAttribute("hidden"); // 显示段落

1.2 值的获取与设置

要更改元素的属性，首先要获取该元素，然后指定新的值。例如，为列表项分配 id 并更