js 设置/修改DOM元素内容，以及innerText和innerHTML的区别

一、document.write() 方法：

1、只能将文本内容追加到前面的位置

2、文本中包含的标签会被解析

document.write(`<h1>我是h1标签</h1>`) //解析h1标签

二、对象.innerText 属性:

1、将文本内容添加/更新到任意标签位置

2、文本中包含的标签不会被解析

let div = document.querySelector('div')
div.innerText = `<h1>我是h1标签</h1>`  //<h1>我是h1标签</h1>  不会解析标签

三、对象.innerHTML 属性:

1、将文本内容添加/更新到任意标签位置

2、文本中包含的标签会被解析

let div = document.querySelector('div')
div.innerHTML = `<h1>我是h1标签</h1>` //我是h1标签 解析标签

注意：innerHTML和innerText只对双标签元素有效，对单标签（表单元素）没有效果

四、那么它们又有什么区别呢？

document.write()方法 ——只能追加到body中，能解析标签

元素.innerText 属性 ——只识别内容，不能解析标签

元素.innerHTML 属性 ——能够解析标签