getElementById().innerHTML与getElementById().value的区别详细为你讲解
简单来说:表单用value,插入字符用innerHTML
比如<input type="text" value="" id="jb51" />
有value属性的标签才能使用getElementById("jb51").value
像<p id="jb51">12345</p>
这种没有value属性的标签就用getElementById("jb51").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时是取不到。这是理所当然的,没有的东西怎么访问?
比如一个p标记,就不一定有value值。
innerHTML
这个是指元素中的内容
例2
一个元素有起始标记和结束标记如
<label id="lb1">this is a label</label>
当你使用document.getElementById("lb1").innerHTML可以取到<label>与</label>之间的内容,即“this is a label”。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
以上就是getElementById().innerHTML与getElementById().value的区别详细为你讲解的详细内容,更多请关注其它相关文章!
上一篇: 动态获取当前输入内容的字节与字符数
下一篇: Filter自定义过滤器去重(附代码)