getElementById().innerHTML与getElementById().value的区别详细为你讲解

来源：动视网责编：小采时间：2020-11-27 19:48:39

getElementById().innerHTML与getElementById().value的区别详细为你讲解

getElementById().innerHTML与getElementById().value的区别详细为你讲解:这篇文章主要介绍了getElementById().innerHTML与getElementById().value的区别,需要的朋友可以参考下简单来说：表单用value，插入字符用innerHTML比如<input type="text" value="" id=&quo

推荐度：

点击下载本文 文档为doc格式

导读getElementById().innerHTML与getElementById().value的区别详细为你讲解:这篇文章主要介绍了getElementById().innerHTML与getElementById().value的区别,需要的朋友可以参考下简单来说：表单用value，插入字符用innerHTML比如<input type="text" value="" id=&quo

这篇文章主要介绍了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”。

上面是我整理给大家的，希望今后会对大家有帮助。

js代码延迟一定时间后执行一个函数的实例

JS简单实现浮动窗口

Avalonjs 实现简单购物车功能