当前位置： 移动技术网 > IT编程>开发语言>JavaScript > getElementById().innerHTML与getElementById().value的区别

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

2019年07月19日  | 移动技术网IT编程  | 我要评论

因为总有新手朋友问这个问题，所以移动技术网小编特整理一下方法需要的朋友。

简单来说：表单用value，插入字符用innerhtml

比如<input type="text" value="" id="jb51" />

有value属性的标签才能使用getelementbyid("jb51").value
像<div id="jb51">12345</div>

这种没有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时是取不到。这是理所当然的，没有的东西怎么访问？
比如一个div标记，就不一定有value值。

innerhtml
这个是指元素中的内容
例2

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

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

当你使用document.getelementbyid("lb1").innerhtml可以取到<label>与</label>之间的内容，即“this is a label”。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网