innerHTML、innerText、outerHTML、outerText的区别

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<div id="div" >这是#div的文本<span id='span'>这是#span的文本</span><p id='p'>这是#p的文本</p></div>
<script>
window.onload=function(){
const a =document.querySelector('#div')
console.log('innerHTML是'+a.innerHTML);
console.log('outerHTML是'+a.outerHTML);
console.log('innerText是'+a.innerText);
console.log('outerText是'+a.outerText); 
}
</script>
</body>
</html>

运行代码,查看控制台

上一篇:005. Longest Palindromic Substring


下一篇:chrome控制台通过css获取列表值