本文介绍了如何在HTML中使用JavaScript通过querySelector获取div元素，并对比了innerText和innerHTML属性在修改元素内容时的区别，指出innerText只显示纯文本，而innerHTML可以识别并解析HTML标签。
在html里创建一个div盒子，在script里，用dom获取元素。
用innerHTML更改box内容。故文本标签可用inner HTML来修改其内容。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>操作元素内容</title>
</head>
<body>
<div class="box">我是文字</div>
<script>
//对象.innerText 属性 对象.innerHTML 属性
//1.获取元素
const box=document.querySelector('.box')
//2.修改文字内容 对象.innerText
// console.log(box.innerText)//获取文字内容
// box.innerText='<strong>我是盒子</strong>'//内容被修改。如果里面加入标签，则不识别。只显示纯文本。
box.innerHTML='<strong>识别标签</strong>'//标签strong加粗字体，说明inner.html识别标签
console.log(box.innerHTML)
//innerText 纯文本显示，智能识别文本，不解析标签。
//innerHTML 识别文本，也能解析标签。
</script>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
