• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

innerHTML、innerText、outerHTML、outerText的区别

开发技术 开发技术 2天前 6次浏览
<!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>

运行代码,查看控制台


程序员灯塔
转载请注明原文链接:innerHTML、innerText、outerHTML、outerText的区别
喜欢 (0)