JS中document.getelementbyid().value与innerHTML的区别

　

document.getelementbyid

使用document.getelementbyid()可以取到页面上一个有id的元素

然后访问这个元素的属性，比如value

• 当一个元素有value属性的时候，其value才会有值

 <input type="text" id="txt1" value="hello"/>

这样一个元素，当你使用document.getElementById(“txt1”).value时，可以得到其value值，即"hello"这个字符串。

---

• 如果一个元素没有value值，那么使用document.getElementById().value时是取不到。这是理所当然的，没有的东西怎么访问？

  比如一个p标记，就不一定有value值。

这时就要用----------------------innerHTML 这个是指元素中的内容

例2

一个元素有起始标记和结束标记如
<label id="lb1">this is a label</label>

当你使用document.getElementById(“lb1”).innerHTML可以取到与之间的内容，即“this is a label”。

---

相关阅读

关于document.getElementById("id").value找不到值

要是使用框架，它会先找到框架的name 然后在再ID，所以最好name和id不同