js提供了三种获取对象内容的方法,outerhtml、innerhtml和innertext。
示例代码:
<div id="test">
<span style="color:red">test1</span> test2
</div>
在JS中可以使用:
document.getElementById('test').innerHTML:
也就是从test对象的起始位置到终止位置的全部内容,包括其内部的Html标签。
上例中的返回值:<span style="color:red">test1</span> test2
document.getElementById('test').innerText:
(注:innertext只适用于ie浏览器,所以尽量不要使用innertext)
从起始位置到终止位置的内容, 但它会去除Html标签。
上例中的返回值:test1 test2, 其中span标签被去除了。
document.getElementById('test').outerHTML:
除了包含innerHTML的全部内容外, 还包含匹配对象标签本身。
上例中的返回值:<div id="test"><span style="color:red">test1</span> test2</div>
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}