访问元素 元素内容操作 在 jQuery中,操作元素内容的方法包含htm0和text0,前者与 JavaScript 中的 linnerHTML属性相似,即获取和设置元素的HTML内容;而后者类似 于 JavaScript中的 inner Text属性,即获取或设置元素的文本内容。二者的 格式和功能的区别如下所示: 表15-13htm0与text0方法的区别 方法语法 述 参数词明 html 用于获取元素的HTML内容 html(value) 用于设置元素的HTML内容 参数为元素的HTML内容 texto 用于获取元素的文本内容 ttae用于设置元素的交本内容 参数为元素的文本内容 html方法仅支持 XHTML的文档,不能用于XML文档,而text0则既支持 HTML文档也支持XML文档
访问元素 元素内容操作 在jQuery中，操作元素内容的方法包含html()和text()，前者与JavaScript 中的innerHTML属性相似，即获取和设置元素的HTML内容；而后者类似 于JavaScript中的innerText属性，即获取或设置元素的文本内容。二者的 格式和功能的区别如下所示： html()方法仅支持XHTML的文档,不能用于XML文档,而text()则既支持 HTML文档,也支持XML文档
访问元素 元素内容操作 案例3 <body> 应用text0方法设置的内容 <script type="text/javascript"> <div id="div1"> S(document). ready(function S(#div1).text("<span style=color: #FF0000> < span id=" clock1">当前时间 我是通过text0方法设置的文本内容</span>") 2013-08-302EFBE 13: 20: 10</span> s(#div2").html("<span style=color:#FF0000> </div> 我是通过hm0方法设置的HTML内容</span>"); <br/>应用htm0方法设置的内容 </script> <div id="div2"> < span id=" clock2">当前时间:2013-08-30星 期五13:20:10</span> </div> </body>
访问元素 元素内容操作 案例3 <body> 应用text()方法设置的内容 <div id="div1"> <span id="clock1">当前时间： 2013-08-30 星期五 13:20:10</span> </div> <br />应用html()方法设置的内容 <div id="div2"> <span id="clock2">当前时间：2013- 08-30 星 期五 13:20:10</span> </div> </body> <script type="text/javascript"> $(document).ready(function(){ $("#div1").text("<span style='color:#FF0000'> 我是通过text()方法设置的文本内容</span>"); $("#div2").html("<span style='color:#FF0000'> 我是通过html()方法设置的HTML内容</span>"); }); </script>