jQuery.parseHTML()
方法用于将HTML字符串解析为DOM节点数组。本文将详细介绍parseHTML()
方法的语法和用法,并提供两个示例说明。
语法
以下是parseHTML()
方法的基本语法:
jQuery.parseHTML(html [, context ] [, keepScripts ])
在这个语法中,html
是要解析的HTML字符串,context
是可选的DOM元素,表示解析后的DOM节点将插入到该元素中,keepScripts
是可选的布尔值,表示是否保留HTML字符串中的<script>
标签parseHTML()
方法将返回一个DOM节点数组。
示例1:解析HTML字符串
以下是一个示例,演示如何使用parseHTML()
方法解析HTML字符串:
var html = "<div><p>Hello, world!</p></div>";
var nodes = $.parseHTML(html);
console.log(nodes); // [div, p]
在这个示例中,我们定义了一个HTML字符串html
,然后使用parseHTML()
方法将其解析为DOM节点数组nodes。由于
html字符串包含一个
元素和一个
元素,因此
nodes数组包含这两个元素,并通过
console.log()`方法输出。
示例2:解析HTML字符串并插入到DOM中
以下是另一个示例,演示如何使用parseHTML()
方法解析HTML字符串并将其插入到DOM中:
var html = "<div><p>Hello, world!</p></div>";
var context = document.getElementById("container");
var nodes = $.parseHTML(html, context);
console.log(nodes); // [div, p]
在这个示例中,我们定义了一个HTML字符串html
,然后使用parseHTML()
方法将其解析为DOM节点数组nodes
。我们还定义了一个DOM元素context
,表示解析后的DOM节点将插入到该元素中。由于html
包含一个<div>
元素和一个<p>
元素,因此nodes
数组包含这两个元素,并通过console.log()
方法输出。
综上所述,parseHTML()
方法用于将HTML字符串解析为DOM节点数组。本文详细介绍了parseHTML()
方法的语法和用法,并提供了两个示例说明。