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区别相关推荐

innerText，outerText，innerHTML，outerHTML区别
document.body.innerHTML: innerText,outerText,innerHTML,outerHTML资料outerHTML:标签对象外部的HTML文本(包括该标签) i ...
[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中很容易将以上几者记错弄混,在网上找了 ...
JavaScript学习 — innerHTML与innerText区别
文章目录各自功能实例区别各自功能 innerHTML:设置或获取元素内的所有子节点(包括标签.注释和文本节点). innerText:获取元素的文本,会过滤掉所以标签,将文档树中的所有文本拼接起 ...
innerHTML和outerHTML的区别
一.区别:1)innerHTML: 从对象的起始位置到终止位置的全部内容,不包括Html标签.2)outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身. 二.例子: &l ...
JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
<div id = "test"> <span style="color:red">test1</span> ...
innerHTML与outerHTML 的区别？
1.innerHTML <body><p>你好</p><div id="test"><h5>就是喜欢你</h5&g ...
JS中innerHTML、outerHTML、innerText、outerText的用法与区别
1.功能说明: innerHTML 设置或获取位于对象起始和结束标签内的 HTML innerText 设置或获取位于对象起始和结束标签内的文本 outerHTML 设置或获取对象及其内容的HTML形 ...
innerHTML与innerText区别
document 对象中有innerHTML和innerText 两个属性, 这两个属性都是获取document对象的内容的,这两个属性间有哪些区别呢? innerHTML指的是从对象的起始位置到终止 ...
innerHTML和innerText区别
目录 1 总结 2 读取html中元素 3 在设置html元素的时候 1 总结 innnerHTML用来获取标签元素或设置标签元素,包含文本和Html标签.在读取元素的时候,会将文本和Html标签一 ...

innerHTML和outerHTML区别

innerHTML和outerHTML区别相关推荐

最新文章

热门文章