HTMLElement | Htmldom

Descripción

HTMLElement es el interface genérico que representa cualquier elemento de tipo HTML. Hereda algunas propiedades del interface DOM genérico Element.

Los elementos HTML representados mediante este interface son aquellos que se pueden manipular mediante JavaScript, permitiendo acceder y modificar sus propiedades, métodos y gestionar los eventos asociados. Esto facilita la creación de páginas web dinámicas e interactivas.

Sintaxis

HTMLElement

Propiedades

Métodos

Eventos

Ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hacer foco en un elemento de la página</title>
    
    <script type="text/javascript">
        function foco(idElemento){
         document.getElementById(idElemento).focus();
        }
    </script>

</head>
<body>

<h1>Hacer foco en un elemento de la página</h1>


<form method="post" action="#">
    <label for="nombre">Nombre:</label> <input type="text" id="nombre">    
    <label for="apellido">Apellido:</label>Apellido2: <input type="text" id="apellido">
    <label for="direccion">Dirección:</label>Direccion: <input type="text" id="direccion">
</form>

<br/>

<a href="#" id="enlace">Enlace que no enlaza con nada</a>

<br/><br/>

<form action="">
    <input type="button" value="Foco sobre el nombre del formulario" onClick="foco('nombre');">
    <input type="button" value="Foco sobre el apellido formulario" onClick="foco('apellido');">
    <input type="button" value="Foco sobre el enlace" onClick="foco('enlace');">
</form>
    
</body>
</html>