Javascript 什么'；s document.getElementById（“test”）value和document.getElementById（“test”）innerHTML之间的区别

第一个是指地址，第二个是指存储在地址中的值吗？另外，在哪里可以找到有关

value

属性的文档？

一些

HTML

元素具有属性

“value”

，例如

一些其他元素没有属性

---

如果要修改它们，可以使用DOM属性（与

Javascript

）

innerHTML

（如果它们有）。此属性表示元素的内容，因此它可用于接受嵌套其他元素的元素，例如

，

。value

提供表单元素的当前设置值（

输入

，

选择

，

文本区域

），而

.innerHTML

基于元素包含的DOM节点构建HTML字符串

对于一个简单的示例，请转到，并在

输入中输入一个新值

，然后移出输入

该测试使用以下JavaScript：

document.getElementById("test").value

document.getElementById("test").innerHTML

---

（上面的文本在下面的注释中更新，紧跟着作者留下的注释。）

HTML中的许多元素都可以有一个ID，因此

值的定义将因每个元素而改变

value
本质上就是该元素所理解的值。例如，一个
会给你里面的文本

innerHTML
将是HTML代码所在的内容。例如，一个
将有它的子
TD
，以及其中的任何其他内容

value
和
innerHTML
可以（通常）写入和读取。
这与一些标记如何基于其属性工作有关，而其他标记则在开始标记和结束标记之间的文本上工作

.value
检索为标记的
value
属性设置的任何值
.innerHTML
检索开始标记和结束标记之间的任何内容

例如，如果HTML标记是



您使用了JavaScript

var name=document.getElementById（'user\u name'）。值
将声明一个变量
name
，并给它一个值“entername here”（假设用户没有更改它）。另一方面，如果您有类似于

废话废话


然后您将使用

var text=document.getElementById（'abc'）


这将把变量
text
设置为“废话”

用于在文本字段中给定值。像

document.getElementByid('test').value

现在它打印div区域内的值。
如果您改为说“
”，我会喜欢它。innerHTML
基于元素包含的DOM节点（或类似的内容）构建一个HTML字符串，因为DOM节点严格来说没有任何“HTML”内容。@amnotiam，同意。我的文字更新了，感谢您的澄清。=）这个学校有一个很好的例子。@BrianRogers-请不要推荐W3学校。请参阅以了解原因。@Oded-我发现他们的HTML DOM引用非常有用。如果您对该网站有如此强烈的感觉，那么为HTMLDOM推荐一个替代参考将更有建设性。@BrianRogers-当然。太好了。事实和正确。
document.getElementByid('test').value

<input type="text" id="test" name="test">

<div id="test">
</div>