本文详细解释了HTML中innerHTML、innerText及outerHTML等属性的区别与用法，通过具体实例展示了这些属性如何帮助开发者获取和操作网页元素的内容。
用法
<div id="test">
<span style="color:red">test1</span> test2
</div>
test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签
像例中也就是<span style="color:red">test1</span> test2
test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签
像例中也就是test1 test2, 其中span标签去除了
test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身
像例中也就是<div id="test"><span style="color:red">test1</span> test2</div>
<div id="test">
<span style="color:red">test1</span> test2
</div>
test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签
像例中也就是<span style="color:red">test1</span> test2
test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签
像例中也就是test1 test2, 其中span标签去除了
test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身
像例中也就是<div id="test"><span style="color:red">test1</span> test2</div>
扫一扫
929
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
