首页 » DOM » outerText

outerText

在读取信息时,outerText与innerText的结果完全一样。但在写入信息时,outerText就基本完全不同了;outerText不只是替换调用它的元素子节点,而是会替换整个元素。以下面这行代码为例:

div.outerText = "Hello world!";

这行代码实际上相当于如下两行代码:

var text = document.createTextNode("Hello world!");
div.parentNode.replaceChild(text, div);

本质上,新的文本节点会完全取代调用outerText的元素。此后,该元素就从文档中被删除,访问不到了。

支持outerText属性的浏览器有IE、Safari、Opera和Chrome。由于这个属性会修改调用它的元素,因此并不常用。

此文章发表在 DOM. 将 固定链接 加入收藏.