API操作元素内容

---

操作元素对象

修改途径：

1. 对象.innerText属性
   将文本内容添加或更新到任意标签位置
   显示纯文本，不解析标签
   例如：

<div class="box">你好</div>
<script>
	//获取元素
	const box = document.querySelector('.box')
	console.log(box.innerText)
	//修改文字内容
	box.innerText = '再见'
</script>

2. 对象.innerHTML属性
   将文本内容添加或更新到任意标签位置
   会解析标签，多标签建议使用模板字符
   例如：

<div class="box">你好</div>
<script>
	//获取元素
	const box = document.querySelector('.box')
	console.log(box.innerHTML)
	//修改标签和文字内容
	box.innerHTML = '<strong>再见</strong>'
</script>