innerText和innerHTML區別
一、簡介
innerText屬性將文本內容設置或返回為指定節點及其所有子節點的純文本，而innerHTML屬性將獲取和設置元素中的純文本或HTML內容。與InnerText不同，InnerHTML允許您使用HTML格式的文本，並且不會自動對文本進行編碼和解碼。
二、代碼案例
主要代碼段：
<body> <div id="test">這是一段包含一些 <h5>代碼</h5>和 <italic>文本</italic>！ </div> <!-- 輸出帶標簽內容的文本 --> <button onClick="innerTextFn()">innerHTML</button> <!-- 編譯過的標簽文本 --> <button onClick="innerHTMLFn()">innerText</button> <script> function innerTextFn() { var x = document.getElementById('test'); alert(x.innerText); } function innerHTMLFn() { var x = document.getElementById('test'); alert(x.innerHTML); } </script> </body>
三、運行結果
innerText屬性將文本內容設置或返回為指定節點及其所有子節點的純文本，而innerHTML屬性將獲取和設置元素中的純文本或HTML內容。與InnerText不同，InnerHTML允許您使用HTML格式的文本，並且不會自動對文本進行編碼和解碼。