JS的DOM的innerHTML与innerText

操作属性

• 我们获取到元素以后，可以直接操作DOM的属性，然后直接把效果展示在页面
• 1.innerHTML
• 获取元素内部的HTML结构
• 我们也可以直接给这个属性重新赋值，达到修改页面的效果

    var oDiv = document.querySelector('#box')
    console.log(oDiv)
    console.log(oDiv.innerHTML)
    oDiv.innerHTML = '<p><span>DOM你好!!!!---通过JS来设置的</span></p>'

• 2.innerText
• 获取元素内部的文本(只能获取文本，获取不到html标签)
• 我们也可以直接给这个属性重新赋值，达到修改页面的效果

    console.log(oDiv.innerText)
    oDiv.innerText = '<p><span>DOM你好!!!!</span></p>'
    oDiv.innerText = '<div><a>我是超链接</a></div>'