JQuery | parseXML() Method

JQuery | parseHTML() method

Last Updated : 27 Apr, 2020

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:

Example 1:

parseHTML() Method

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>
    <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:

parseHTML() Method

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>
        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:

JQuery | parseXML() Method

S

SHUBHAMSINGH10

Improve

Article Tags :

Similar Reads

JQuery | parseXML() Method

This parseXML() Method in jQuery is used to parse a string into an XML document. Syntax: jQuery.parseXML( data ) Parameters: This method accept single parameter which is mentioned above and described below: data: This parameter holds the well-formed XML string to be parsedd. Return Value: It returns

jQuery param() method

The param() method in jQuery is used to create a serialized representation of an object. Syntax: $.param( object, trad )Parameters: This method accepts two parameters as mentioned above and described below: object: It is a mandatory parameter that is used to specify an array or object to serialize.t

JQuery | parseJSON() method

This parseJSON() method in jQuery takes a well-formed JSON string and returns the resulting JavaScript value. Syntax: jQuery.parseJSON( json )Parameters: The parseXML() method accepts only one parameter that is mentioned above and described below: json: This parameter is the well-formed JSON string

jQuery | post() Method

The post() method in jQuery loads the page from server using POST HTTP request and returns XMLHttpRequest object. Syntax: $.post( url, data, callback_function, data_type ) Parameters: This method accepts four parameters as mentioned above and described below: url: It is the required parameter and us

jQuery remove() Method

The remove() method in JQuery is used to remove all the selected elements including all the text. This method also remove data and all the events of the selected elements. Syntax: $(selector).remove()Return Value: It will return all the data of the selected elements deleted. Example 1: Input: $("p")

jQuery text() Method

This method is used to set or return the text content of the element. While setting the content, it overwrites the content of all the matched elements. The returned content of text method() is used to return the text content of all matched elements. Syntax: Return text syntax: $(selector).text() Set

JQuery | type() method

This type() Method in jQuery is used to determine the internal JavaScript [[Class]] of an object. Syntax: jQuery.type( obj ) Parameters: The type() method accepts only one parameter that is mentioned above and described below: obj: This parameter is the object to get the internal JavaScript [[Class]

jQuery pushStack() Method

The pushStack() method in jQuery is used to add a collection of DOM elements onto the jQuery stack. Syntax:.pushStack(elements, name, arguments)Parameters:elements: This is the array of elements to be pushed onto the stack and make into a new jQuery object.name: This argument defines the name of a j

jQuery prependTo() method

The prependTo() method is an inbuilt method in jQuery that is used to insert HTML elements or some content at the beginning of the selected element. Syntax: $(content).prepend(selector)Parameters: This function accepts two parameters as mentioned above and described below: content: It is a required

jQuery | Misc param() Method

The param() method in jQuery is used to create a representation of an array or an object. This representation is created in a serialized way. This serialized values can be used in making an ajax request in URL. Syntax: $.param(object, trad) Parameter: object: Specifies an array or object to serializ