InnerHTML、InnerText、outerHTML的用法与区别

InnerHTML获取或设置指定元素标记内的HTML内容，从元素标记的开始到元素标记的结束

InnerText获取或设置指定元素标记内的文本的值，从元素标记的开始到元素标记的结束（不包括HTML标记）

outerHTML指的是除了包含innerHTML的全部内容外, 还包含对象标签本身。

innerHTML和innerText的区别：

InnerHTML返回标记内的HTML内容，其中包含HTML标记。

InnerText返回标记内文本的值，而不是HTML标记的值。

<html><head><title>innerHTML</title></head><body><p id="p1" ><font color="#fff">hello world </font></p><script>var content = document.getElementById("p1");console.log(content.innerHTML);console.log(content.innerText);console.log(content.outerHTML)</script></body>
</html>

InnerHTML、InnerText、outerHTML的用法与区别相关推荐

JS中innerHTML,innerText,outHTML的用法及区别
一张图解释: 对于一个id为"testdiv"的div来说,outerHTML.innerHTML以及innerTEXT三者的区别可以通过下图展示出来: 文字解释: innerHT ...
JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
<div id = "test"> <span style="color:red">test1</span> ...
JavaScript中innerHTML、outerHTML、innerText、outerText的用法与区别认识
2017百度前端技术学院(js任务一) 一.JS中innerHTML.outerHTML.innerText.outerText.value的区别与联系? 在JS中很容易将以上几者记错弄混,在网上找了 ...
innerText，outerText，innerHTML，outerHTML区别
document.body.innerHTML: innerText,outerText,innerHTML,outerHTML资料outerHTML:标签对象外部的HTML文本(包括该标签) i ...
innerHTML、innerText和outerHTML、outerText的区别
1.区别描述如下: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标 ...
JavaScript中textContent、innerText和innerHTML的用法以及区别
目录 0.码仙励志 1.textContent的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 2.innerText的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 3.inne ...
[js] innerHTML与outerHTML有什么区别？
[js] innerHTML与outerHTML有什么区别? <div id="test"><h5>就是喜欢你</h5></div> ...
innerHTML\innerText制作动态网页基础
innerHTML\innerText制作动态网页基础定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML.说白了就是出现一段话.. innerText从起始位置到终 ...
innerHTML,innerText是什么意思?怎么使用？
innerHTML,innerText是什么意思?怎么使用? innerHTML:获取标签的内容(包括子元素),字符 innerText:获取标签的文字内容,字符一.属性的操作需要获取的属性 in ...

InnerHTML、InnerText、outerHTML的用法与区别

InnerHTML、InnerText、outerHTML的用法与区别

InnerHTML、InnerText、outerHTML的用法与区别相关推荐

最新文章

热门文章