JavaScript问题：h1显示document title及为p添加roze类失败

1. 让h1显示document的title内容 #

你应该是误把document.title写成了字符串'title'，或者错误地尝试通过id去获取title元素。正确做法是直接访问document.title这个原生属性，再赋值给h1的文本内容：

// 选中页面中的h1元素
const pageHeading = document.querySelector('h1');
// 将页面标题赋值给h1的文本
pageHeading.textContent = document.title;

document.title是浏览器提供的直接获取页面标题的属性，不需要通过选择器查找元素。

2. 给所有p元素添加roze类 #

querySelectorAll返回的是NodeList元素集合，不能直接给整个集合添加类，必须遍历每个元素单独处理：

// 获取所有p元素
const allParagraphs = document.querySelectorAll('p');
// 遍历每个p元素，添加roze类
allParagraphs.forEach(para => {
  para.classList.add('roze');
});

如果你的浏览器版本较旧（不支持NodeList的forEach方法），可以用for循环替代：

for (let i = 0; i < allParagraphs.length; i++) {
  allParagraphs[i].classList.add('roze');
}

内容的提问来源于stack exchange，提问作者Ro.