Javascript设置html创建的元素链接

我正在使用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);
}

for（var i=0；i

我可以使用什么标记将数据表文本转换为html中的链接？

---

我尝试过DOM标记，例如：

“datasheet.link=”、“datasheet.href=”

这两种标记都不起作用

链接是锚定标记

，因此您可以使用

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=“链接到stackoverflow”；
document.body.appendChild（链接）；
var linkClone=link.cloneNode（true）；
var数据表=document.createElement（“h3”）；
数据表.appendChild（linkClone）；
文件.正文.附件（数据表）太棒了！我知道事情会很简单。谢谢你的风格信息了！