JQuery | método parseHTML()

Este método parseHTML() en jQuery se usa para analizar una string en una array de Nodes DOM.

Sintaxis:

jQuery.parseHTML(data [, context ] [, keepScripts ])

Parámetros: el método parseXML() acepta tres parámetros que se mencionan anteriormente y se describen a continuación:

datos: este parámetro es la string HTML que se analizará.
context : este parámetro es el elemento del documento que servirá como contexto en el que se creará el fragmento HTML.
keepScripts: este parámetro es el valor booleano que indica si se deben incluir secuencias de comandos pasadas en la string HTML.

Valor de Retorno:

Ejemplo 1: en este ejemplo, el método parseHTML() analiza una string en una array de Nodes DOM.

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

Producción:

Ejemplo 2: en este ejemplo, el método parseHTML() crea una array de Nodes DOM utilizando una string HTML y la inserta en un div.

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

Producción:

Publicación traducida automáticamente

Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta