和使用innerHTML,innerText差异,outerHTMLJavascript 浏览:586

不要浪费,请看下面的例子。

使用:



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。希望你能喜欢。
推荐文章1
广告