如何在javascript中获取HTML元素的值？

Question

所以我在获取代码中特定字段的值时遇到了问题 - 我做了这个非常简单的示例来说明我的问题，这是 JSFiddle： https ://jsfiddle.net/c3jtg60v/

HTML：

 <p id="theInput">
   desired-value
</p>

Javascript：

 var value = document.getElementById("theInput").value;
console.log(value);

照原样，我已经分配了一个 id 为“theInput”的 p 元素，并且在其中我有我想要在我的 javascript 中使用的所需值。

目前，我想要做的只是 console.log 值，但是当我这样做时，我在控制台中登录的所有内容都是“未定义”。我真正想要记录到控制台的是“期望值”，

原文由 Jesper 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

.value 指的是一个 value 属性，不能为 P 标签设置。如果你想要 html 标签的内部文本，你可以这样做：

 var value = document.getElementById("theInput").innerHTML;

原文由 Saskia 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

var value = document.getElementById("theInput").innerHTML;
console.log(value);

原文由 Pranjal 发布，翻译遵循 CC BY-SA 3.0 许可协议