2016 - 2024

感恩一路有你

js中innertext的用法 innerhtml和innertext的区别?

浏览量:2323 时间:2021-03-14 16:28:03 作者:admin

innerhtml和innertext的区别?

示例代码:

innerHTML content

innerHTML content

共同点:innerHTML和innerText将替换元素中的内容。区别:1。InnerHTML:即从对象的开始位置到结束位置的所有内容,包括HTML标记。在上面的例子中测试.innerHTML的值为“test2”。2InnerText:从开始位置到结束位置的内容,但是它删除了HTML标记上示例中的内容text.inner测试的值为“test1 test2”,其中删除了span标记。值得注意的是,innerHTML是W3C标准属性,而innerText仅适用于IE浏览器。因此,应该尽可能多地使用innerHTML而不是innerText。如果要输出不带HTML标记的内容,可以使用innerHTML获取带HTML标记的内容,然后使用正则表达式删除HTML标记。

InnerText和.InnerHtml有什么区别?

InnerText插入纯文本,即使文本包含HTML标记,也将显示;innerHTML将识别HTML标记;例如,VAR STR=“<div>test</div>”使用InnerText,插入后,它将在插入innerHTML后显示<div>test</div>,测试

可以显示innerHTML和createTextNode向节点添加内容。不同之处在于,如果在这段内容中有HTML标记(例如在示例中),则性能会有所不同。在createTextNode中,它将被视为文本,不会被浏览器解析,但innerHTML将被视为HTML代码。一般来说,如果确定要插入的内容中没有HTML标记,可以使用更简洁的innerHTML。但是,如果您不确定(例如,要插入用户输入的内容),建议使用create text node方法。

js中innertext的用法 png是什么意思 innerhtml和innertext的区别

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。