Como crear un enlace HTML en Javascript con DOM

Hola a todos, hoy os voy a explicar como podemos crear un enlace HTML en Javascript.

Para crear elementos HTML con Javascript de forma dinámica.

Para crear un enlace en Javascript, lo haremos de la siguiente forma:


function init() {

    let a = document.createElement("a");
    a.setAttribute("href", "http://www.google.es");
    let aTexto = document.createTextNode("Google");
    a.appendChild(aTexto);
    
    document.body.appendChild(a);

}

window.onload = init;

Este es el resultado:

También os lo dejo en función:


function init() {

    let a = createA("http://www.google.es", "Google");

    document.body.appendChild(a);

}

function createA(link, text) {

    let a = document.createElement("a");
    if (link) {
        a.setAttribute("href", link);
    }
    if (text) {
        let aText = document.createTextNode(text);
        a.appendChild(aText);
    }
    return a;
}

window.onload = init;

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.

Compartir

Deja una respuesta

Tu dirección de correo electrónico no será publicada.