innerText和innerHTML的区别

element.innerText
    从起始位置到终止位置的内容,但它去除html标签,同时空格和换行也会去掉
    element.innerHTML
    起始位置到终点位置的全部内容。包括HTML标签,同时保留空格和换行

    innerText和innerHTML的区别
    1. innerText 不认识html标签  非标准  去除空格和换行
 var div = document.querySelector("div");
.div.innerText = '<strong>今天是:</strong> 2019';

 

2.div.innerHTML ='识别html标签  W3C标准   保留空格和换行的'
div.innerHTML = "今天是:2019";
 这两个属性是可读写的   可以获取元素里面的内容
  var p = document.querySelector("p");
    console.log(p.innerText);
    console.log(p.innerHTML);

 

posted @ 2022-04-18 11:05  罗砂  阅读(80)  评论(0)    收藏  举报