javaScript中outerHTML,innerHTML,innerText,outerText的区别

最新推荐文章于 2021-08-12 10:03:43 发布

原创最新推荐文章于 2021-08-12 10:03:43 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javaScript 专栏收录该内容

38 篇文章

订阅专栏

使用innerHTML的时候将找着元素的内容（不包含元素本身）

使用outerHTML的时候将找着元素的内容（包含元素本身）

innerText,outerText都是返回元素的文本

<html>
 <head>

 </head>
 <body >

<p id="p1">hello world</p>


<script type="text/javascript">

var html=document.getElementById("p1").innerHTML;
console.log('innerHTML:'+html);
var html2=document.getElementById("p1").outerHTML;
console.log('outerHTML:'+html2);
var html3=document.getElementById("p1").innerText;
console.log('innerText:'+html3);
var html4=document.getElementById("p1").outerText;
console.log('outerText:'+html4);
</script>
 </body>
</html>