如何使用DOM与toUpperCase函数将文档内所有文本转为大写？

问题原因 #

• 你传入document.querySelectorAll()的参数"p"是正确的，这个方法会返回页面内所有<p>段落元素组成的NodeList类数组对象，可以直接用下标遍历，不需要额外处理就能正常循环
• 现有代码不生效的核心原因是：String.toUpperCase() 方法不会修改原字符串，只会返回转换为大写后的新字符串，你没有把转换后的结果重新赋值给对应段落的textContent属性，转换后的内容相当于被直接丢弃了

修正后可运行的代码 #

// 获取所有p元素，参数"p"正确
var txtArr = document.querySelectorAll("p");

function capitalize(txtArr){
    for (var i = 0; i < txtArr.length; i++){
        // 把转换后的大写内容重新赋值给元素的textContent
        txtArr[i].textContent = txtArr[i].textContent.toUpperCase();
    }
}

capitalize(txtArr);

如果你需要单独获取所有段落文本组成的数组，可以用以下方式 #

// 先把NodeList转为普通数组，再提取所有文本内容
var textArray = Array.from(document.querySelectorAll("p")).map(function(p) {
  return p.textContent.toUpperCase();
});

内容的提问来源于stack exchange，提问作者Yaman M Salman