js中getElementById() innerHTML与getElementById() value的区别

一般对于像表单元素input本身拥有value属性的元素(标签),才能使用getElementById().value获取value属性中的值

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

对于这样一个拥有value属性的标签,当我们去访问它的value属性才能访问到值,这里访问到的是一个空值。

注意:如果没有设置value的值,那么获取到的是你最终输入的文本信息;如果设置了value的值,会获取到

标签内指定的默认显示值。

对于一些没有value属性的双标签元素,使用getElementById().value是访问不到value属性的,所以自然无法取到值。

但可以使用getElementById().innnerHTML获取该元素(标签)起始标签和结束标签之间的所有内容。

比如:<p id="second"><a></a><span>xxx</span></p>

获取到的信息是:<a></a><span>xxx</span>

又比如:<p id="second">xxx</p>

获取到的信息是:xxx

猜你喜欢

转载自blog.csdn.net/wxd772113786/article/details/83056568
今日推荐