极客教程JQuery parseHTML()方法
jQuery中的这个parseHTML()方法是用来将一个字符串解析成一个DOM节点的数组。
语法:
jQuery.parseHTML(data [, context ] [, keepScripts ])
参数： parseXML()方法接受上面提到的和下面描述的三个参数。
- data:这个参数是要解析的HTML字符串。
- context : 这个参数是作为创建HTML片段的上下文的文档元素。
- keepScripts :这个参数是布尔值，表示是否包括HTML字符串中传递的脚本。
返回值：它返回数组。
例子1：在这个例子中，parseHTML()方法一个字符串被解析为一个DOM节点的数组。
“`html
<html>
<head>
<meta charset="utf-8">
<title>JQuery | parseHTML() method</title>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
</head>
<body style="text-align:center;">
<h1 style="color: green">
GeeksForGeeks
</h1>
<h3>JQuery | parseHTML() method</h3>
<pre id="geek">
</pre>
<script>
var geek =( "#geek" ),
str = "A <b>computer science portal</b> for <b>geeks</b>",
html = jQuery.parseHTML( str ),
nodeNames = [];
geek.append( html );
</script>
</body>
</html>
<pre><code class=" line-numbers"><br />**输出:**
**例子2：**在这个例子中，**parseHTML()方法**使用HTML字符串创建一个DOM节点数组，并将其插入一个div中。
“`html <!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>JQuery | parseHTML() method</title>
<script src=”https://code.jquery.com/jquery-3.4.1.js”></script>
</head>
<body style=”text-align:center;”>
<h1 style=”color: green”>
GeeksForGeeks
</h1>
<h3>JQuery | parseHTML() method</h3>
<div id=”geek”>
</div>
<script>
vargeek = ( “#geek” ),
str = “A <b>computer science portal</b> for <b>geeks</b>”,
html = jQuery.parseHTML( str ),
nodeNames = [];
geek.append( html );
.each( html, function( i, el ) {
nodeNames[ i ] = “<li>” + el.nodeName + “</li>”;
});
geek.append( “<h3>Node Names:</h3>” );
( “<b></b>” )
.append( nodeNames.join( “” ) )
.appendTo(geek );
</script>
</body>
</html>
输出:
