使用 javascript 基于 id 为 link 生成 href

Question

我正在尝试使用 JavaScript 为我的 link 创建一个 ID，并告诉它 link 到哪里。

我的 JavaScript 在我的 HTML:

中生成了一个 link 元素

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

这就是它应该出现的样子。

然后我有一个变量 eopartnum[i]:

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

此变量与我上面 link 的 ID 匹配。然后我尝试通过 ID 访问 link 并为其分配一个 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 行。

Answer 1

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

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

使用 javascript 基于 id 为 link 生成 href

generate href for a link based on id using javascript

javascript

href

getelementbyid