Como crear un enlace HTML en Javascript

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.

Etiquetas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *