javascript - document.getElementById ("test").value 和 document.getElementById ("test").innerHTML 有什么区别

Question

document.getElementById("test").value

document.getElementById("test").innerHTML

第一个表示地址，第二个表示存储在该地址的值吗？另外，在哪里可以找到有关 value 属性的文档？

Answer 1

.value 为您提供表单元素的当前设置值(input、select、textarea ), 而 .innerHTML 基于元素包含的 DOM 节点构建 HTML 字符串。

一个简单的例子，去JS Fiddle demo , 并在 input 中输入一个新值，然后移出 input。

测试使用以下 JavaScript:

document.getElementById('input').onchange = function(){
    alert('innerHTML: ' + document.getElementById('input').innerHTML + '; whereas value: ' + document.getElementById('input').value);
};

(根据 am not i am 留下的评论，在下面的评论中更新了上面的文字。)