JS Obtener HTML DOM método de los elementos

Hay muchas maneras de obtener los elementos en JS, puede seleccionar un método adecuado de acuerdo a la actual

A, método de los elementos de adquisición de JS

　　　　 1 ) El elemento de etiqueta adquiere ID
             var DIV1 = document.getElementById ( "DIV1" );

         2 ) la obtención de la lista de etiquetas de apellidos etiqueta
                var divs = document.getElementsByTagName ( "div" )
        
         3. ) La lista de etiquetas className adquirido
             var DIV0 = documento. getElementsByClassName ( "DIV0" ); 
        console.log (DIV0)

         4 ) obtener id debe documentar llamando getElemenById
             var diva = document.getElementById ( "diva" );
             var div1 = diva.getElementById ( "div1") // error de escritura,
             
        5) La siguiente dos métodos para obtener una lista de todos HTMLCollection HTML, getElementByTagNames pueden utilizar este método para el procesamiento de documento, sino que también se puede utilizar para llamar a los elementos, utilizar el elemento si se llama, se refiere a un elemento secundario de este elemento de la etiqueta actual es el nombre de la div
           var = document.getElementById Diva ( "diva" );
           var divs = diva.getElementsByTagName ( "div" );
           var divs = document.getElementsByTagName ( "div"); // esto que el anteriormente multi 
          la console.log (divs)

         6. ) puede ser de acuerdo con el elemento adquirido se un elemento secundario de la clase de todos los elementos DIV0, pueden usarse si todo el documento es obtener clase document.getElementsByClassName es el DIV0
             var Diva = document.getElementById ( "Diva" );
             var DIV0 = diva.getElementsByClassName ( "DIV0" ); 
            la console.log (DIV0)

         . 7) Obtener la lista de nombres de nodo de acuerdo con, lista de nodos NodeList, getElementByName no adquirida por el elemento padre
             var Form1 = document.getElementById ( "Form1" );
             var Sexo = document.getElementsByName ( "Sex" ); 
            el console.log (Sex)

El siguiente método es adecuado para la siguiente IE8

        8) obtenido de acuerdo con los elementos de la primera selector Encontrado
             var div = document.querySelector ( "div"); // adquirieron todos div El selector 
            var DIV1 = document.querySelector ( "# DIV1" );
             var DIV0 document.querySelector = ( "DIV0." );
             var DIV0 = document.querySelector ( "# diva> .div0" );
             var PS = document.querySelector ( "[name = contraseña]" ) 
            la console.log (PS)

En segundo lugar, la adquisición subelementos y nodos secundarios

      9) sub-nodo y elementos secundarios
         var Diva = document.querySelector ( "# Diva" ); 
        el console.log (diva.childNodes); // nodo hijo es un NodeList, que comprende nodos de texto, nodos de comentario, etc. 
        console.log (diva. niños); // sub-elementos son HTMLCollection, que contiene sólo los elementos
 
      10 ) y el nodo padre del elemento padre de 
        la console.log (diva.parentNode); // padre nodo 
        la console.log (diva.parentElement) // elemento padre
     
      11 ) una primera nodo hijo y el primer elemento hijo de 
        la console.log (diva.firstChild); // primer hijo nodo 
        la console.log (diva.firstElementChild); // primer hijo
 
      12 es ) y finalmente el último hijo de un niño elemento
        la console.log (diva.lastChild); // último hijo de 
        la console.log (diva.lastElementChild); // elemento último hijo
 
      13 ) siguiente nodo relacionado y el siguiente elemento hermano 
        console.log (diva.nextSibling); // siguiente hermano 
        console.log (diva.nextElementSibling); // siguiente hermano elemento
 
      14 en) y un nodo relacionado en un hermano 
        console.log (diva.previousSibling); // hermano anterior nodo 
        console.log (diva.previousElementSibling); // un hermano