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的区别