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: Devuelve el Array.

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

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *