如何添加一個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 }); 

然後只是將它附加到文檔中的元素。