JavaScript中innerHTML与innerText的区别

1. innerHTML获取到的是目标标签内部的所有内容，包括内部的其他html的标签也会一起显示

2. innerText获取元素内容时会解析html标签，显示标签内容

 <script>
        var btn = document.querySelector('button')
        var pEle = document.querySelector('p')
        btn.addEventListener('click', function () {
            console.log('pEle.innerHTML', pEle.innerHTML);//pEle.innerHTML <span>内部span内容</span>
            console.log('pEle.innerText', pEle.innerText);//pEle.innerText 内部span内容
        })
</script>