首页 > web前端 > js教程 > getElementById().innerHTML与getElementById().value的区别详细为你讲解

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

亚连
发布: 2018-05-19 14:49:39
原创
2591 人浏览过

这篇文章主要介绍了getElementById().innerHTML与getElementById().value的区别,需要的朋友可以参考下

简单来说:表单用value,插入字符用innerHTML

比如

有value属性的标签才能使用getElementById("jb51").value

12345

这种没有value属性的标签就用getElementById("jb51").innerHTML

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

当一个元素有value属性的时候,其value才会有值
例1

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

如果一个元素没有value值,那么使用document.getElementById().value时是取不到。这是理所当然的,没有的东西怎么访问?
比如一个p标记,就不一定有value值。

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

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

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

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

相关文章:

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

JS简单实现浮动窗口

Avalonjs 实现简单购物车功能

以上是getElementById().innerHTML与getElementById().value的区别详细为你讲解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板