innerHTML()和innerText()的区别(含示例)

innerHTML()和innerText()的区别:

element.innerText()会去除html标签,同时换行和空格也会去掉,但字符串中的标签会原样打印出来

element.innerHTML()会包括html标签,同时保留空格和换行,打印时会按照书写格式

 

 

 

innerText示例:

//innerText 不识别html标签 非标准  去除空格和换行

var div = document.querySelector('div');
div.innerText = '今天是: 2019';

网页显示的是:

 

 

 innerHTML示例:

// innerHTML 识别html标签 W3C标准 保留空格和换行

var div = document.querySelector('div');
div.innerHTML = '今天是: 2019';

网页显示的是: 

你可能感兴趣的:(JavaScript)