|
阅读：6394回复：0
innerHTML与innerText的用法和区别
1、js中innerHTML的用法：
innerHTML可获取或设置指定元素标签内的 html内容，从该元素标签的起始位置到终止位置的全部内容(包含html标签)。 获取元素的内容：element.innerHTML; 给元素设置内容：element.innerHTML =htmlString; 代码示例为： <p id="test"><font color="#000">获取段落p的 innerHTML</font></p> document.getElementById("test").innerHTML 输出内容为:<font color="#000">获取段落p的 innerHTML</font> 2、js中innerText的用法： innerText可获取或设置指定元素标签内的文本值，从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。 获取元素的内容：element.innerText;给元素设置内容：element.innerText = string; 代码示例为： <p id="test"><font color="#000">获取段落p的 innerHTML</font>测试测试</p> document.getElementById("test").innerHTML 输出内容为:获取段落p的 innerHTML试测试 3、innerHTML和innerText区别： innerHTML返回的是标签内的 html内容，包含html标签。 innerText返回的是标签内的文本值，不包含html标签。 innerHTML 输出当前标签的文本内容，如果标签内有子标签，会连子标签本身和子标签内的文本内容一起输出 innerText 只输出当前标签内的文本内容，如果标签内有子标签，那么也只输出子标签内的文本内容 outerHTML 输出当前标签的本身和标签内的文本内容，如果有子标签，那么子标签本身和标签内的文本内容也将一起输出 outerText 只输出当前标签内的文本内容，如果标签内有子标签，那么也只输出子标签内的文本内容 [加气的凉白开于2019-04-04 09:44编辑了帖子]
|
|
公众号
