innerHTML与outerHTML 的区别？

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形式

innerHTML与outerHTML 的区别？相关推荐

innerHTML和outerHTML的区别
一.区别:1)innerHTML: 从对象的起始位置到终止位置的全部内容,不包括Html标签.2)outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身. 二.例子: &l ...
selenium 获取元素getAttribute(“innerHTML“)和getAttribute(“outerHTML“)的区别
selenium 获得指定元素时,想要获取元素标签内容: getAttribute("innerHTML") 返回的文本: {"query":"Bro ...
[js] innerHTML与outerHTML有什么区别？
[js] innerHTML与outerHTML有什么区别? <div id="test"><h5>就是喜欢你</h5></div> ...
JavaScript中innerHTML、outerHTML、innerText、outerText的用法与区别认识
2017百度前端技术学院(js任务一) 一.JS中innerHTML.outerHTML.innerText.outerText.value的区别与联系? 在JS中很容易将以上几者记错弄混,在网上找了 ...
DOM中的outerHTML,innerHTML,outerText,innerText的区别
--转自http://blog.163.com/yw_0721/blog/static/7164579720102932157759/ 简单的说innerHTML和outerHTML.innerTex ...
innerText，outerText，innerHTML，outerHTML区别
document.body.innerHTML: innerText,outerText,innerHTML,outerHTML资料outerHTML:标签对象外部的HTML文本(包括该标签) i ...
[JS][jQuery]清空元素html()、innerHTML= 与 empty()的区别、remove()区别
清空元素html("").innerHTML="" 与 empty()的区别一.清空元素的区别 1.错误做法一: $(&quo ...
innerHTML与innerText的区别
innerHTML与innerText的区别 innerHTML和innerText都是元素的属性,通过修改这个元素的属性可以达到修改元素内容的目的.但是二者之间略有不同 innerHTML 表示元素 ...
JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
<div id = "test"> <span style="color:red">test1</span> ...

innerHTML与outerHTML 的区别？

1.innerHTML

2.outerHTML

innerHTML与outerHTML 的区别？相关推荐

最新文章

热门文章