Element | Dom

Descripción

Element es el interface genérico que tiene cualquier elemento que se encuentre dentro de un documento o interface Document.

Dependiendo del tipo documento que tengamos tendremos un interface u otro. Así si tenemos un documento HTML tendremos el interface HTMLElement y si tenemos un documento SVG tendremos el interface SVGElement.

Sintaxis

Element

Constructores

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>Inyectar elemento HTML</title>        
</head>
<body>

    <h1>Inyectar elemento HTML</h1>

    <ul id="lista">
        <li>Elemento</li>
    </ul>

    <button id="add">insertAdjacentHTML</button>

    <script>
        console.log("Hola");
        var lista;
        var boton = document.getElementById("add");
        boton.addEventListener("click",function(){	
            lista = document.getElementById("lista");
            lista.insertAdjacentHTML("beforeend","<li>Elemento</li>");
        },false);
    </script>
    
</body>
</html>

Artículos

Insertar código HTML en una página web: insertAdjacentHTML