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