<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
ooooo
<p>dddddd
<span>dsafdsfafdsa</span>
<span>aaaaaaaaaaa</span>
</p>
</div>
<script>
var divs = document.getElementsByTagName('div')[0]
console.log(divs.innerHTML)
console.log(divs.outerHTML)
console.log(divs.innerText)
console.log(divs.outerText)
</script>
</body>
</html>
展示的结果
结论:
- innerHTML设置或获取位于对象起始和结束标签内的 HTML
- outerHTML设置或获取对象及其内容的 HTML 形式
- innerText 设置或获取位于对象起始和结束标签内的文本
- outerText 和innerText的作用是一样的