如何在JavaScript中使用getAttribute获取HTML元素文本，参数应填什么

问题解答 #

getAttribute() 方法的作用是读取元素标签上显式定义的HTML属性值，仅能获取写在标签尖括号内的键值对内容，而p标签包裹的内部文本不属于HTML属性范畴，无法通过getAttribute()方法获取到你需要的Computers are fast !内容。

如果要获取该内部文本，应该直接使用元素的内置属性，不需要调用getAttribute()，推荐写法如下：

• 获取完整的文本内容（包括所有空白字符，不受CSS样式影响）：

  let message = document.querySelector('#Message').textContent;
  

• 获取渲染后可见的文本内容（会忽略隐藏元素、合并多余空白）：

  let message = document.querySelector('#Message').innerText;
  

你现有代码中第二行的写法可以正确获取到p标签value属性的值This is the home message，和你需要的内部文本是两个完全不同的内容。

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