innerHTML和outerHTML區別

本文轉載自查看原文 2019-08-23 19:01 1742 JavaScript

 1.innerHTML

<body>
        <p>你好</p>
        <div id="test"><h5>就是喜歡你</h5></div>
        <script type="text/javascript">
            var hj=document.getElementById("test").innerHTML;
            alert(hj);
        </script>
</body>
 
輸出結果：
 
<h5>就是喜歡你</h5>


2.outerHTML 

<body>
        <p>你好</p>
        <div id="test"><h5>就是喜歡你</h5></div>
        <script type="text/javascript">
            var kj=document.getElementById("test").outerHTML;
            alert(kj);
        </script>
</body>
 
輸出結果：
 
<div id="test"><h5>就是喜歡你</h5></div>
注意：

1.innerHTML 設置或獲取位於對象起始和結束標簽內的HTML

2.outerHTML設置或獲取對象及其內容的HTML形式

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 innerHTML和outerHTML有什么區別 DOM中的outerHTML,innerHTML,outerText,innerText的區別 javaScript中innerHTML,innerText,outerHTML,outerText的區別 innerHTML和outerHTML區別以及document.querySelector JS之innerHTML，innerText，outerHTML，textContent的用法與區別 JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系？jQuery中的text()、html()和val() ？ innerHTML和innerText的區別 append()、appendChild() 和 innerHTML 的區別關於nodeValue和innerHTML的區別 Js—innerHTML和innerText的區別