如何为动态生成的href添加ID？

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

然后将其附加到文档中的元素.