比较版本

Node.textContent

修订版 436921:

由 chyingp 在 进行的修订 436921

修订版 436927:

由 chyingp 在 进行的修订 436927

标题:
Node.textContent
Node.textContent
网址缩略名:
Web/API/Node.textContent
Web/API/Node.textContent
内容:

修订版 436921
修订版 436927
nn10    <h2 id="Summary" name="Summary">
11      &nbsp;
10    <p>12    </h2>
13    <p>
11      获取或者设置一个节点以及它的节点的文本内容14      获取或者设置一个节点以及它的后代节点的文本内容
nn18    </h2>
19    <h2 name="Summary">
20      &nbsp;
nn29    <h2 name="Summary">
30      &nbsp;
31    </h2>
n24      <li>如果节点为document,document类型,或者注释,那么textContent返回null。如果想要获n33      <li>如果节点是document,document类型,或者符号,那么textContent返回null(原文:<c
>得整个文档的文本以及CDATA数据,你可以使用 <code><a href="/en-US/docs/DOM/document.d>ode>textContent</code> returns <code>null</code> if the element i
>ocumentElement" title="DOM/document.documentElement">document.doc>s a <a href="https://developer.mozilla.org/en-US/docs/DOM/documen
>umentElement</a>.textContent</code>.>t" title="DOM/Document">document</a>, a document type, or a notat
 >ion.肿么翻译)。如果想要获得整个文档的文本以及CDATA数据,你可以使用 <code><a href="/en-US/docs
 >/DOM/document.documentElement" title="DOM/document.documentElemen
 >t">document.documentElement</a>.textContent</code>.
n26      <li>如果节点是个CDATA,注释,处理指令或一个文本节点,textContent返回节点内部的文本(即<a hren35      <li>如果节点是个CDATA,注释,处理指令(原文:a processing instruction,这是啥?)或一
>f="/en-US/docs/DOM/Node.nodeValue" title="DOM/Node/NodeValue/Node>个文本节点,textContent返回节点内部的文本内容(即<a href="/en-US/docs/DOM/Node.nodeV
>.nodeValue">nodeValue</a>)。>alue" title="DOM/Node/NodeValue/Node.nodeValue">nodeValue</a>)。
n28      <li>对于其他节点类型,textContent将除了注释、处理指令节点外的所有子节点的textContent属性合并n37      <li>对于其他节点类型,textContent将所有子节点的textContent合并后返回,除了注释、处理指令节点
>后返回。如果该节点没有子节点的话,返回一个空字符串。>。如果该节点没有子节点的话,返回一个空字符串。
n30      <li>设置节点的textContent属性的话,会它的所有子节点删除,取的的是一个设置了给定值的文本节点。n39      <li>在节点上设置textContent属性的话,会删除它的所有子节点,取代这些子节点的的是一个设置了给定值的文本节
 >点。
nn45    <h2 name="Summary">
46      &nbsp;
36    <p>47    </h2>
48    <p>
37      Internet Explorer引入了 element.innerText,两者很相似,不过还是有几点不同之处:49      Internet Explorer引入了 element.innerText,目的是一样的,不过还是有几点不同之处:
n40      <li>注意,虽然textContent获取所有element节点的内容,包括{{HTMLElement("scripn52      <li>注意,虽然textContent获取所有节点的内容,包括{{HTMLElement("script")}} 和
>t")}} 和 {{HTMLElement("style")}} , innerText并没有。> {{HTMLElement("style")}} 节点IE特有特性中最相似的innerText并没有。
n43        <code>innerText</code> 会受到样式的影响,它不会返回隐藏的element的文本,但 textn55        <code>innerText</code> 会受到样式的样式,它不会返回隐藏节点的文本,但 textConten
>Content会。>t会。
n45      <li>由于 innerText 到CSS样式的影响,它会引起reflow,但textContent不会。n57      <li>由于 innerText As 收到CSS样式的影响,它会引起reflow,但textContent不会。
nn63    <h2 name="Summary">
64      &nbsp;
51    <p>65    </h2>
66    <p>
52      <code>正如它的名字所说,innerHTML返回HTML文本。很多时候,人们使用innerHTML往一个elem67      <code>正如它的名字,innerHTML返回HTML文本。很多时候,当需要往一个元素里面写文本的时候,人们使用in
>ent里面写文本,但这时候其实应该使用textContent,因为text不会被处理,所以它很可能在性能表现上会更好,同时还能够避>nerHTML,但其实应该使用textContent,因为text不会被处理,所以它很可能在性能表现上会更好,同时还能够避免XSS
>免XSS攻击。</code>>攻击。</code>
nn71    </h2>
72    <h2 name="Summary">
73      &nbsp;
nn91    <h2 name="Summary">
92      &nbsp;
93    </h2>
n169      Specificationn190      规范
191    </h2>
192    <h2 name="Summary">
193      &nbsp;
t178      <!-- languages( { "fr": "fr/DOM/element.textContent", "it":t202      &nbsp;
> "it/DOM/element.textContent", "pl": "pl/DOM/element.textContent" 
> } ) --> 

返回历史