¿Cómo obtengo todos los elementos de una etiqueta HTML en javascript?

Question

Necesito ocultar todos los elementos de tipo 'sección' en mi documento, aparte de uno con una ID particular.

En jQuery esto sería fácil

$("section").hide(); 
$("section#myId").show(); 

¿Cómo puedo hacer esto sin jQuery ??

(Necesito que suceda tan pronto como se cargue la página y que no sea notorio). También necesito que funcione en el navegador cruzado.

Gracias.

Answer 1

Coloque el siguiente inmediatamente antes del </cuerpo > en el código HTML

<script> 
(function() { 
    for(var els = document.getElementsByTagName ('section'), i = els.length; i--;) 
    els[i].id !== "myId" && (els[i].style.display = "none"); 
})(); 
</script> 

o "modernos" (HTML5) navegadores:

<script> 
    [].forEach.call (document.querySelectorAll ('section'), 
    function (el) { el.id !== "myId" && (el.style.display = "none"); }) 
</script> 

Answer 2

DOMElement.getElementsByTagName es su amigo:

var sections = document.getElementsByTagName('section'); 
var mySection = null; 
for(var i = 0; i < sections.length; ++i) { 
    if(sections[i].id === "myId") { 
     mySection = sections[i]; 
     mySection.style.display = "block"; 
     break; 
    } 
    sections[i].style.display = "none"; 
}