元素内容操作
在jQuery中,操作元素内容的方法包括html()和text()。详细如下:
语法格式 | 参数说明 | 功能描述 |
---|---|---|
html() | 无参数 | 用于获取元素的html内容 |
html(val) | val参数为元素的html内容 | 用于设置元素的html内容 |
text() | 无参数 | 用于获取设置元素的文本内容 |
text(val) | val参数为元素的文本内容 | 用于设置设置元素的文本内容 |
提示:html()方法仅支持XHTML的文档,不能用于XML文档,而text()既支持HTML文档,也支持XML文档
示例如下:
(1)描述
在页面中,用html()和 text()方法获取div标记中的内容,并将内容分别作为html(val)和text(val)的参数,分别设置元素的内容,并将结果显示在页面中。
(2)代码实现
<script type="text/javascript">
$(function(){ //增加表单中所有属性为可用的元素类别
var $strHtml = $("#divShow").html();//获取HTML内容
var $strText = $("#divShow").text();//获取文本内容
$("#divHtml").html($strHtml);//设置HTML内容
$("#divText").text($strText);//设置文本内容
})
</script>
...省略代码
<div id="divShow">**_几天不见你又瘦了_**</div>
<div id="divHtml"></div>
<div id="divText"></div>
任务:把上面jQuery中的操作一一的在代码框中重现。