手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >getElementById().innerHTML与getElementById().value的区别
getElementById().innerHTML与getElementById().value的区别
摘要:因为总有新手朋友问这个问题,所以查字典教程网小编特整理一下方法需要的朋友。简单来说:表单用value,插入字符用innerHTML比如有va...

因为总有新手朋友问这个问题,所以查字典教程网小编特整理一下方法需要的朋友。

简单来说:表单用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”。

【getElementById().innerHTML与getElementById().value的区别】相关文章:

javascript搜索框效果实现方法

javascript制作的滑动图片菜单

javascript实现行拖动的方法

js兼容火狐获取图片宽和高的方法

JQuery使用index方法获取Jquery对象数组下标的方法

JQuery中上下文选择器实现方法

jQuery预加载图片常用方法

网页中移动的广告效果 鼠标悬停

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

javascript相关事件的几个概念

精品推荐
分类导航