《jQuery Cookbook中文版》——1.15 获取和设置HTML内容

本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.15节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.15 获取和设置HTML内容

1.15.1 问题
你需要获取或者设置当前网页中的一块HTML内容。

1.15.2 解决方案
jQuery提供html()方法,用于获取和设置HTML元素块(或者DOM结构)。在下面的代码中,使用这个方法设置HTML元素中找到的< p>元素的HTML值,然后获取该值:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p></p>
<script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/JavaScript">
jQuery('p').html('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');
alert(jQuery('p').html());
</script>
</body>
</html>

在浏览器中运行这段代码将造成浏览器修改< p>元素中包含的HTML内容,这些内容是使用html()方法设置的,然后用html()方法获取相同内容。

1.15.3 讨论
这个方法使用DOM的innerHTML属性获取和设置HTML块。你还应该知道,html()在XML文档中不可用(但是可用于XHTML文档)。

上一篇:消息队列之延时消息应用解析及实践


下一篇:《Python Cookbook(第3版)中文版》——1.17 从字典中提取子集