Javascript setting html created element link

Question

I am working on creating a list of html elements using JavaScript.

Each element has an image and several lines of descriptive text, the code appears as such:

for (var i=0; i < json.length; i++){
        var section = document.createElement('section');
        var item = document.createElement('h1');
        var img = document.createElement('img');
        var datasheet = document.createElement('h3');

        item.textContent = "name: " + json[i][7];
        img.src="../cap/images/placeholder.png";
        datasheet.textContent= "../datasheet/test.pdf";


    section.appendChild(img);
    section.appendChild(item);
    section.appendChild(datasheet)

    body.append(section);
}

What tag can I use to turn the datasheet text into a link in html? I have tried DOM tags such as : 'datasheet.link=', 'datasheet.href=' neither which work.

Patrick Evans · Accepted Answer · 2018-11-01 21:30:00Z

2

links are anchor tags <a> so you would use document.createElement("a")

If you want the link to be h3 styling just append the link to that element, or use css

var link = document.creaetElement("a");
datasheet.appendChild(link);

var link = document.createElement("A");
link.href = "https://stackoverflow.com";
link.textContent = "Link to stackoverflow";
document.body.appendChild(link);

var linkClone = link.cloneNode(true);
var datasheet = document.createElement("h3");

datasheet.appendChild(linkClone);
document.body.appendChild(datasheet);

answered Nov 1, 2018 at 21:30

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MKUltra Over a year ago

Awesome! I knew it was going to be something simple. Thanks for the style info too!

Collectives™ on Stack Overflow

Javascript setting html created element link

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related