innerHTML innerText

区别：

1、innerText 只识别文本，不识别html标签 非标准 去除空格和换行

2、innerHTML 可解析标签、文本 识别html标签 W3C标准

3、这两个属性可读写 可获取元素里面的内容

另：document.write() 方法 只能追加到body中

   <div></div>

    <p>

        文字

        <span>123</span>

    </p>

innerText

        var div = document.querySelector('div')

        div.innerText = '<strong>今天是</strong>2022-1-24'

        var p = document.querySelector('p')

         console.log(p.innerText)

innerHTML

        var div = document.querySelector('div')

        div.innerText = '<strong>今天是</strong>2022-1-24'

        div.innerHTML = '<strong>今天是</strong>2022-1-24'

        var p = document.querySelector('p')

        console.log(p.innerHTML)