innerText和innerHTML的区别

innerText 和innerHTML 是JavaScript 的属性。

innerText

innerText 用于打印标签之间的纯文本信息，需要一些布局系统信息。它也忽略了空间/空格。

语法：

element.innerText

示例代码

<!DOCTYPE html>   
<html>   

<head>   
    <title>   
        JavaTpoint InnerText Code using Javascript  
    </title>   
</head>   

<body style="text-align:center;">   

  <h1 style="color:red">JavaTpoint InnerText Code using Javascript</h1>   
<!-- JavaTpoint innerText code start from here, Here from you can take any element according to your choice. -->  
    <div id="tpoint">   
        The following element contains some   
        <codes>codes like welcome to javatpoint</codes> and   
        <italic>some text like my javascript code</italic>.   
    </div>   
    <p></p>   
    <button onClick="innerTextFunction()">   
        innerText   
    </button>   
    <p id="op"></p>   
    <script>   
        function innerTextFunction() {   
            var x = document.getElementById('tpoint');   
            alert(x.innerText);   
        }   


    </script>   

</body>   

</html>

innerHTML

innerHTML 用于打印标签之间的内容，包括文本信息。跨站点安全攻击是innerHTML 的主要缺点。

语法：

element.innerHTML

示例代码 -

<!DOCTYPE html>   
<html>   

<head>   
    <title>   
        JavaTpoint InnerHTML Code using Javascript  
    </title>   
</head>   

<body style="text-align:center;">   

  <h1 style="color:red">JavaTpoint InnerHTML Code using Javascript</h1>   
<!-- JavaTpoint innerHTML code start from here, Here from you can take any element according to your choice. -->  

    <div id="tpoint">   
        The following element contains some   
        <codes>codes like welcome to javatpoint</codes> and   
        <italic>some text like my javascript code</italic>.   
    </div>   
    <p></p>   
    <button onClick="innerHTMLFunction()">   
        innerHTML   
    </button>   
<!--  innerHTML code end from here -->      
    <p id="op"></p>   

    <script>   
        function innerHTMLFunction() {   
            var x = document.getElementById('tpoint');   
            alert(x.innerHTML);   
        }   


    </script>   
</body>   

</html>

innerText 和 innerHTML 的区别

下表显示了innerText和innerHTML的区别 -

innerText	innerHTML
以纯文本形式检索和设置内容。	innerHTML检索和设置 HTML 格式的内容。
innerText不能插入 HTML 标签。	innerHTML可以插入 HTML 标签。
innerText忽略空格。	innerHTML考虑空格。
innerText返回没有内部元素标签的文本。	innerHTML返回一个带有内部元素标签的标签。

欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果。
转载请注明：文章转载自有区别网 [http://www.vsdiffer.com]
本文标题：innerText和innerHTML的区别
本文链接：https://www.vsdiffer.com/vs/innertext-vs-innerhtml.html
免责声明：以上内容仅是站长个人看法、理解、学习笔记、总结和研究收藏。不保证其正确性，因使用而带来的风险与本站无关！如本网站内容冒犯了您的权益，请联系站长，邮箱：，我们核实并会尽快处理。

innerText和innerHTML的区别

innerText

innerHTML

innerText 和 innerHTML 的区别

随机