跳转至

document.getElementById

document.getelementbyid().value与document.getElementById().innerHTML的区别

使用document.getElementById()可以取到页面上一个有id的元素 然后访问这个元素的属性,比如value 当一个元素有value属性的时候,其value才会有值

例1

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

这样一个元素,当你使用document.getElementById("txt1").value时,可以得到其value值,即"hello"这个字符串。 如果一个元素没有value值,那么使用document.getElementById().value时是取不到。这是理所当然的,没有的东西怎么访问? 比如一个div标记,就不一定value值。


innerHTML

这个是指元素中的内容

例2 一个元素有起始标记和结束标记如

<label id="lb1">this is a label</label>

当你使用document.getElementById("lb1").innerHTML可以取到<label></label>之间的内容,即this is a label

document.getElementById().innerHTML