在jQuery中,操作元素内容的方法包括html()和text()。前者与JavaScript中的innerHTML属性相似,即获取或设置元素的HTML内容;后者类似于JavaScript中的innerText属性,即获取或设置元素的文本内容。
实现示例的jQuery代码:
<script> $(function() { var html = $("#show").html(); var text = $("#show").text(); $("#html").html(html); $("#text").html(text); }) </script>
实现示例的HTML代码:
<div id="show"><b><i>Write Less Do More</i></b></div> <div id="html"></div> <div id="text"></div>
在页面中,用html()和text()方法获取div标记中的内容,并将内容分别作为html(val)和text(val)的参数,分别设置元素的内容,并将结果显示在页面中。
html()方法仅支持XHTML的文档,不能用于XML文档,而text()方法既支持XHTML文档,也支持XML文档。