元素的innerHTML与元素的value有何不同

来源:8-11 Location对象

郭菲菲同学

2016-02-24 16:25

如:var a=getElementByID("id");

           a.innerHTML=b

          a.value=b

     有区别吗

写回答 关注

5回答

  • 杜甫忙
    2016-02-24 17:09:57
    已采纳

    举例子来说明你会容易明白一点

    你使用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”。

    document.getElementById().innerHTML

    郭菲菲同学

    太感谢了,非常详细!!

    2016-02-24 23:00:03

    共 1 条回复 >

  • 諾泥
    2016-09-03 10:53:38

    灰常感谢,很清楚

  • 周龙帆
    2016-04-11 00:32:47

    学习了,恨详细

  • kangfq
    2016-02-27 12:46:38

    学习了,很好

  • 永恒秋风
    2016-02-24 17:07:50

    表单元素用value,其他非输入(表单)类元素用innerHTML

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题