面试题：JavaScript 中批量操作 DOM 节点的基础技巧

Question

在 JavaScript 中，假设页面上有一组具有相同类名 'item' 的 DOM 元素，要求编写代码将这些元素的文本内容都设置为 '新内容'，请说明实现思路并给出具体代码。

Answer 1

实现思路

1. 使用 document.querySelectorAll 方法获取所有具有类名 item 的 DOM 元素，该方法会返回一个 NodeList。
2. 遍历这个 NodeList，对于每一个元素，使用 element.textContent 属性来设置其文本内容为 '新内容'。

具体代码

// 获取所有类名为 'item' 的元素
const items = document.querySelectorAll('.item');

// 遍历并设置文本内容
items.forEach((item) => {
    item.textContent = '新内容';
});