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

1 comentario

  1. Manuel Chorro

    hola buenas yo tengo un formulario donde se introduce una frase que crea un elemento imagen y desde ahí quiero que se comparta por Whatsapp o como se quiera y que siga funcionando la web identicamente igual que como lo acaban de enviar o compartir no se si me explico, e formulario recoge una frase con un id, un enlace crea las imagenes en la misma html y desde ahi se envia y el otro usuario que la recibe usa la web, he probado a leer metodos asincronos, enlaces permanentes y creo que es esta segunda la que se debe hacer pero no veo la forma, si alguien me pudiera ayudar se lo agradecería mucho

Deja una respuesta

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