js getElementById().innerHTML和getElementById().value区别

  • Post author:
  • Post category:其他


一般对于像表单元素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



版权声明:本文为wxd772113786原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。