Home
JS
JS
Tryit: JAVASCRIPT
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <body> <h3>innerText、innerHTML 和 textContent 之间的差异。</h3> <p id="demo"> 这个元素有额外的间距并且包含<span>一个跨度元素</span>。</p> <button onclick="getInnerText()">获取 innerText</button> <button onclick="getHTML()">获取 innerHTML</button> <button onclick="getTextContent()">获取 textContent</button> <p><strong>注意：</strong> Internet Explorer 8 及更早版本不支持 textContent 属性，IE9 及更早版本不支持 innerText 属性。</p> <p id="demo"></p> <script> function getInnerText() { alert(document.getElementById("demo").innerText) } function getHTML() { alert(document.getElementById("demo").innerHTML) } function getTextContent() { alert(document.getElementById("demo").textContent) } </script> </body> </html>