和使用innerHTML,innerText差异,outerHTMLJavascript
使用:
test1 test2
在js中,可以使用:
Test.innerHTML:
也就是说,从对象的开始到结束位置的全部内容,包括HTML标记。
在这个例子中,该test.innerhtml值test1 test2。
Test.innerText:
内容从起始位置到结束位置,但它删除HTML标记。
在这个例子中,该text.innertest值test1 test2,跨度标签被删除。
Test.outerHTML:
除了所有的innerHTML内容、对象标签本身也包括在内。
在这个例子中,该text.outerhtml值
test1 test2
完整的例子:
test1 test2
innerHTML内容
inerhtml内容
outerHTML内容
特别说明:
innerHTML属性与W3C标准和innerText只适用于IE浏览器,因此,尽可能使用innerHTML,而不是innerText,如果要输出不包含HTML标签的内容,你可以使用innerHTML在内容获取的HTML标签,使用正则表达式删除HTML标签,这是在与W3C标准样品线的简单:
/gim, '') > > > no HTML, conforming to the W3C standard
如何与innerText innerHTML分化
示例代码:
test1 test2
<
href =Javascript:警报(测试。innerHTML)> innerHTML内容
<
href =Javascript:警报(测试。innerText)> inerhtml内容
共同点:两者的innerHTML和innerText将取代元素的内容。
差异uff1a
1、innerHTML:
也就是说,从对象的开始到结束位置的全部内容,包括HTML标记。
在这个例子中,该test.innerhtml值试验
test2。
2、innerText:
内容从起始位置到结束位置,但它删除HTML标记。
在这个例子中,该text.innertest值test1 test2,跨度标签被删除。
值得注意的是,与W3C标准的innerHTML属性与innerText只适用于IE浏览器,因此,尽可能使用innerHTML,而不是innerText,如果要输出不包含HTML标签的内容,你可以使用innerHTML在内容获取HTML标签,使用正则表达式来删除HTML标签。
以上是介绍和使用innerHTML,innerText差异,outerHTML Javascript。希望你能喜欢。