使用javascript爲基於id的鏈接生成href

Question

我正在嘗試使用JavaScript爲我的鏈接創建一個ID，並告訴它在哪裏鏈接到。

我的JavaScript已經產生了一個鏈接元素在我的HTML：

<a id = "NB4-CAXL-14U-12-AAG"> Link Text </a> 

而出現，因爲它應該。

我然後有一個可變eopartnum [I]：

console.log(eopartnum[i]); //output: NB4-CAXL-14U-12-AAG 

此變量我的ID相匹配用於我的上述連結。然後我試圖通過ID訪問鏈接和一個href分配給它，就像這樣：

var linktoprod = document.getElementById(eopartnum[i]); 
console.log(linktoprod); //returns null 
linktoprod.href = "http://www.enviroptics.com/"; //Cannot set property 'href' of null(…) 

爲什麼我linktoprod拿出爲空？我的語法錯了嗎？

JSfiddle for full code：http://jsfiddle.net/98oL12tk/17/ Lines in JS section 106-109。

Answer 1

問題是，在將表追加到文檔之前，您正在調用getElementById()。在查詢ID時，它尚不存在。這個例子似乎有點人爲的做法。我想你可以只設置firstcelllink.href = 'http://www.enviroptics.com/';

編輯：可能更適合使用firstcelllink.setAttribute('href', 'http://www.enviroptics.com/');