DOM——操作改变元素内容

改变元素内容

lement.innerText
从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉
element.innerHTML (常用)
起始位置到终止位置的全部内容，包括html标签，同时保留空格和换行

  <div></div>
    <p>
        我是文字
        <span>123</span>
    </p>
    <script>
        //innerText 和 innerHTMl的区别
        //1.innerText 不识别html标签 非标准  去除空格和换行
        var div = document.querySelector('div');
        // div.innerText = '<strong>今天是:</strong>2022'
        //2.innerHTML 识别html标签 W3c标准
        div.innerHTML = '<strong>今天是:</strong>2022'
        //这两个属性是可读写的 可以获取元素里面的内容
        var p = document.querySelector('p');
        console.log(p.innerText);
        console.log(p.innerHTML);