Home
JS
JS
Tryit: JAVASCRIPT
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <body> <h3>innerText 和 textContent 的区别。</h3> <p id="demo">这个 p 元素包含一个<span style="display:none">隐藏的 span 元素</span> 和一个<span>可见的 span 元素</span>。</p> <button onclick="getTextContent()">获取 textContent</button> <button onclick="getInnerText()">获取 innerText</button> <p><strong>注意：</strong> Internet Explorer 8 及更早版本不支持 textContent 属性，IE9 及更早版本不支持 innerText 属性。</p> <p id="demo"></p> <script> function getTextContent() { alert(document.getElementById("demo").textContent) } function getInnerText() { alert(document.getElementById("demo").innerText) } </script> </body> </html>