使用javascript生成基于id的链接的href

时间:2016-10-26 19:52:41

标签: javascript href getelementbyid

我尝试使用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完整代码:http://jsfiddle.net/98oL12tk/17/ JS部分中的第106-109行。

1 个答案:

答案 0 :(得分:2)

问题是您在将表附加到文档之前调用getElementById()。在您查询ID时,它尚不存在。这个例子似乎有点人为;我想你可以设置firstcelllink.href = 'http://www.enviroptics.com/';

编辑:可能更适合使用firstcelllink.setAttribute('href', 'http://www.enviroptics.com/');