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

    xiaoxiao2024-03-22  124

    本节书摘来自异步社区《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><;p>;</em> element.'); alert(jQuery('p').html()); </script> </body> </html>

    在浏览器中运行这段代码将造成浏览器修改< p>元素中包含的HTML内容,这些内容是使用html()方法设置的,然后用html()方法获取相同内容。**1.15.3 讨论**这个方法使用DOM的innerHTML属性获取和设置HTML块。你还应该知道,html()在XML文档中不可用(但是可用于XHTML文档)。

    相关资源:敏捷开发V1.0.pptx
    最新回复(0)