html中的innertext和innerText有什么区别?

时间:2017-09-24 22:50:16

标签: html frontend

如果我们检查浏览器中的任何元素,则每个元素都有两个属性。

  1. innertext和
  2. innerText
  3. (注意' T'是第二个上限)

    document.getElementById(elementId).innerText = 'sometext';

    更新元素的内部文本,但是当我尝试

    document.getElementById(elementId).innertext = 'someOtherText';

    没有任何反应。

    两者之间有什么区别吗?如果是,那有什么区别?

2 个答案:

答案 0 :(得分:1)

普通的JS中不存在

.innertext方法。

因此,执行document.getElementById(elementId).innertext = 'someOtherText';会为您的对象创建一个名为innertext的新属性,并使用您提供的值。

答案 1 :(得分:1)

所有主流浏览器都使用innerText属性,因此应该是您使用的那个。

https://developer.mozilla.org/en-US/docs/Web/API/Node/innerText

浏览器历史上已经单独添加了大量非标准功能,如果您看到了一个innertext属性,为方便起见,它可能只是由该浏览器添加。