JQuery | parseHTML() method
This parseHTML() Method in jQuery is used to parses a string into an array of DOM nodes.
Syntax:
jQuery.parseHTML(data [, context ] [, keepScripts ])
Parameters: The parseXML() method accepts three parameter that is mentioned above and described below:
- data: This parameter is the HTML string to be parsed.
- context : This parameter is the document element to serve as the context in which the HTML fragment will be created.
- keepScripts : This parameter is the boolean indicating whether to include scripts passed in the HTML string.
- Return Value: It returns the Array.
Example 1: In this example, the parseHTML() Method a string is parsed into an array of DOM nodes.
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < title >JQuery | parseHTML() method</ title > </ 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 > |
Output:
Example 2: In this example, the parseHTML() Method create an array of DOM nodes using an HTML string and insert it into a div.
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" > < title >JQuery | parseHTML() method</ title > </ head > < body style = "text-align:center;" > < h1 style = "color: green" > GeeksForGeeks </ h1 > < h3 >JQuery | parseHTML() method</ h3 > < div id = "geek" > </ div > < script > var $geek = $( "#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 > |
Output: