js中outerHTML与innerHTML的区别

1、使用innerHTML的时候将找着元素的内容(不包含元素本身)

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


2、示例:

 

<html>

<body>

<p id="p1">Hello World!</p>

<script>

var html = document.getElementByIdx_x_x("p1").outerHTML;

alert(html);

</script>

</body>

</html>




上面的代码效果为:

js中outerHTML与innerHTML的区别

将上面的代码改成:

 

<html>

<body>

<p id="p1">Hello World!</p>

<script>

var html = document.getElementByIdx_x_x("p1").interHTML;

alert(html);

</script>

</body>

</html>



效果便是这样的:

js中outerHTML与innerHTML的区别


3、现在明白它们的区别了吧。

js中outerHTML与innerHTML的区别
js中outerHTML与innerHTML的区别标题图片

延伸阅读:

    无相关信息
标签:

上一篇:png图片浮在文字上方用div+css怎样实现

下一篇:A4纸网页打印 html网页页面的宽度设置成多少

留言与评论(共有 0 条评论)
   
验证码: