溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關innerhtml和innertext的區別是什么，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
首先我們有這樣的HTML框架
<div id="test"> <span style="color:red">test1</span> test2 </div> <input type="button" onclick="getContent()" value="獲取div元素的內容"/>
我們使用innerHTML 屬性來獲取div標簽中的內容
<script type="text/javascript">
function getContent(){
var div=document.getElementById("test");
console.log(div.innerHTML);
}
</script>輸出結果：
我們使用innerText屬性來獲取div標簽中的內容
<script type="text/javascript">
function getContent(){
var div=document.getElementById("test");
console.log(div.innerText);
}
</script>輸出結果：
總結：innerHTML和innerText屬性的區別
innerText屬性可以輸出標簽間的純文本信息，會將標簽過濾掉。
innerHTML屬性可以輸出標簽間的全部內容，包括里面的HTML標簽和文本信息。
特別說明：
innerHTML是符合W3C標準的屬性，而innerText只適用于IE瀏覽器，應少用innerText。
如果必須輸出不含HTML標簽的內容，可以先利用innerHTML取得包含HTML標簽的內容，然后用正則表達式過濾HTML標簽。
上述就是小編為大家分享的innerhtml和innertext的區別是什么了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
