其他分享
首页 > 其他分享> > innerHTML、innerText、outerHTML、outerText的区别

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>

运行代码,查看控制台

标签:console,log,innerHTML,outerHTML,innerText,outerText
来源: https://www.cnblogs.com/zqdlly/p/15262037.html