7.Método getElementById

Es un método que permite seleccionar un elemento del documento por medio del valor del atributo id que se le haya asignado.
La sintaxis es importante ya que si hace distinción, tanto en el atributo id del objeto como en el método.
La sintaxis es la siguiente:

document.getElementById('id');

Ejemplo:

<html>
<head>
   <title>Método </title>
</head>
<body>
   <p id="DivBotones">Seccion Ocultar/Mostrar</p>
   <button onclick="Accion('Ocultar');">Ocultar</button>
   <button onclick="Accion('Mostrar');">Mostrar</button>
</body>
</html>
function Accion(Tipo) {
   var elem = document.getElementById('DivBotones');
    if (Tipo == "Ocultar")
       elem.style.display = 'none';
    else 
       elem.style.display = '';
}
Elegido por su atributo id
Elegido por su atributo name Elegido por el tipo de etiqueta HTML (tag)

document.getElementById(‘valorId’);
document.getElementById (menu1);

document.getElementsByName(‘valorName’);
document.getElementsBy Name(‘peticionDatos’);

document.getElementsByTagName(‘valorTag’);
document.getElementsByTag Name(span);

Loading