文章目录
- 操作元素对象
操作元素对象
修改途径:
- 对象.innerText属性
将文本内容添加或更新到任意标签位置
显示纯文本,不解析标签
例如:
<div class="box">你好</div>
<script>
//获取元素
const box = document.querySelector('.box')
console.log(box.innerText)
//修改文字内容
box.innerText = '再见'
</script>
- 对象.innerHTML属性
将文本内容添加或更新到任意标签位置
会解析标签,多标签建议使用模板字符
例如:
<div class="box">你好</div>
<script>
//获取元素
const box = document.querySelector('.box')
console.log(box.innerHTML)
//修改标签和文字内容
box.innerHTML = '<strong>再见</strong>'
</script>