text()html() 以及 val() nnerHTML和innerTEXT的用法
来源:互联网 发布:微信 for mac 2.2 dmg 编辑:程序博客网 时间:2024/06/06 19:27
设置内容 - text()、html() 以及 val()
三个相同的方法来设置内容:
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:
text()、html() 以及 val() 的回调函数
上面的三个 jQuery 方法:text()、html() 以及 val(),同样拥有回调函数。回调函数有两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的 text() 和 html():
JS中innerHTML和innerTEXT的用法
<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>
特别说明:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>
- text()html() 以及 val() nnerHTML和innerTEXT的用法
- val() text() html() innerHTML() innerTEXT()用法小结
- jQuery.html() .text()和.val() 的用法
- jQuery.html() .text()和.val() 的用法
- jQuery中的text()、html()和val()以及javascript中的innerText、innerHTML和value
- jQuery中的text()、html()和val()以及innerText、innerHTML和value
- jQuery中的text()、html()和val()以及innerText、innerHTML和value
- jQuery中的text()、html()和val()以及javascript中的innerText、innerHTML和value
- jquery中 html() text() val() innerText总结
- jquery中 html() text() val() innerText总结
- text()、html() 以及 val()
- jquery的text()、html() 以及 val()
- 【WEB】JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ?
- .html(),.text()和.val()
- .html(),.text()和.val()的使用
- jquery的html、text和val方法
- jQuery的html(),text()和val()比较
- .html(),.text()和.val()的使用
- 浅谈java中的锁级别
- PHP链接mysql
- Android初级开发(十)——百度定位—确定你的位置
- PHP constant()函数
- JAVA设计模式(二十一)----访问者模式
- text()html() 以及 val() nnerHTML和innerTEXT的用法
- 尽量避免诸如x.read(new FileInputStream(sourceFile)); 的写法
- Spring MVC重定向无法实现页面跳转
- python学习之初始化实例、类属性、方法
- 有关SpringMVC-SSM整合开发跨域问题
- Altium Designer 导入DXF文件[转载]
- 通过思维导图学习知识的两种模板鉴赏
- 安装Xdebug, 版本问题
- 剑指Offer—54—字符流中第一个不重复的字符