Question

我正在使用JavaScript创建html元素列表。

每个元素都有一个图像和几行描述性文本，代码如下所示：

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);
}

我可以使用什么标记将数据表文本转换为html中的链接？我尝试了诸如'datasheet.link=', 'datasheet.href='之类的DOM标签，但都无法正常工作。

Answer 1

链接是定位标记<a>，因此您将使用document.createElement("a")

如果您希望链接为h3样式，只需将链接附加到该元素，或使用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);

JavaScript设置html创建的元素链接

1 个答案: