js中innerHTML,innerText,outerHTML的用法和区别
来源:互联网 发布:上汽大众 知乎 编辑:程序博客网 时间:2024/05/16 14:34
用法:
<div id="test">
<span style="color:red">test1</span> test2
</div>
在JS中可以使用:
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。
test.innerText:
从起始位置到终止位置的内容, 但它去除Html标签
上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
test.outerHTML:
除了包含innerHTML的全部内容外, 还包含对象标签本身。
上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>
完整示例:
<div id="test">
<span style="color:red">test1</span> test2
</div>
<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a href="javascript:alert(test.innerText)">inerHTML内容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML内容</a>
转自:http://www.cnblogs.com/zhc088/archive/2008/04/24/1169160.html
rHTML内容 转自:http://www.cnblogs.com/zhc088/archive/2008/04/24/1169160.html <div id="test">
<span style="color:red">test1</span> test2
</div>
在JS中可以使用:
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。
test.innerText:
从起始位置到终止位置的内容, 但它去除Html标签
上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
test.outerHTML:
除了包含innerHTML的全部内容外, 还包含对象标签本身。
上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>
完整示例:
<div id="test">
<span style="color:red">test1</span> test2
</div>
<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a href="javascript:alert(test.innerText)">inerHTML内容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML内容</a>
转自:http://www.cnblogs.com/zhc088/archive/2008/04/24/1169160.html
0 0
- js中innerHTML,innerText,outerHTML的用法和区别
- js中innerHTML,innerText,outerHTML的用法和区别
- js中innerHTML,innerText,outerHTML的用法和区别
- js中innerHTML,innerText,outerHTML的用法和区别
- js中innerHTML,innerText,outerHTML的用法和区别
- js中innerHTML,innerText,outerHTML的用法和区别
- js中innerHTML,innerText,outerHTML的用法和区别
- js中innerHTML,innerText,outerHTML的用法与区别
- JS中innerHTML、outerHTML、innerText、outerText的用法与区别
- js中innerHTML,innerText,outerHTML的用法与区别
- js中innerHTML与innerText,outerHTML的用法与区别
- js中innerHTML、innerText、outerHTML的用法与区别
- JS中innerHTML、outerHTML、innerText、outerText的用法与区别
- js中innerHTML、innerText、outerHTML、outerText区别
- JS中innerHTML createTextNode innerText outerHTML 区别
- innerHTML outerHTML innerText和outerText的区别和用法
- js中innerHTML,innerText,outerHTML的用法与差别
- Javascript中innerHTML、outerHTML、innerText、outerText的用法与区别
- CF 149D - Coloring Brackets(区间Dp)
- Qt应用
- C语言:strtok函数小结
- OCP-1Z0-053-200题-101题-212
- HDU 2224 The shortest path
- js中innerHTML,innerText,outerHTML的用法和区别
- 解决Cisco VPN Client Reason 442: Failed to Enable Virtual Adapter
- 高负载下Nginx,Node.JS和网络的优化
- ANTLR 选项,动作
- 机房收费系统之软件需求说明书
- OCP-1Z0-053-200题-100题-69
- 在线jsp版泰囧表情的生成器代码,不用PS也能恶搞
- Windows线程同步方式
- C/C++从入门到进阶必修书籍