javascript - 如何将 ID 添加到动态生成的 href？

Question

如何向这样生成的链接添加 ID？

function addElement(list, pos) {
    var linkUrl = productList.products[pos].productLink;
    var linkItem = document.createElement('a');
    linkItem.setAttribute('href', linkUrl);

前面的代码生成了下面的链接

<a href="***/details.page?productId=3"><img src="***/topseller_main_en_1.png"></a>

Answer 1

试试这个:

function addElement(list, pos) { 
    var linkUrl = productList.products[pos].productLink; 
    var linkItem = document.createElement("a"); 
    if (linkItem){
        linkItem.id = "foo";
        linkItem.href = linkUrl;
    }
}

您也可以像这样在 jQuery 中执行此操作:

function addElement(list, pos) { 
    var linkUrl = productList.products[pos].productLink; 
    var linkItem = document.createElement("a"); 
    if (linkItem){
        linkItem.attr({ id : "foo", href : linkItem });
    }
}

这是一个更短的方法:

$("<a>").attr({ id : "foo", href : linkUrl });

然后将它附加到文档中的一个元素。