如何更改锚元素的两个属性？

Question

我有这两个变量：

var a_link = "someLink.com";
var a_text = "Some url text";

我正在尝试将这两个变量插入到锚标记中。像这样：

<a href="a_link">a_text</a>

到目前为止，这是我尝试过的：

<a href="javascript:window.open(a_link);">

如何将a_link 和a_text 更改为对应的变量？

Answer 1

你想要做的事情可以通过 DOM 操作来实现。

基本上：你有一个带有两个变量的锚元素<a>：href 和内部 HTML。您只需要找到锚元素并将这些属性更改为相应的变量即可。

var a_link = "someLink.com";
var a_text = "Some url text";

var anchor = document.getElementsByTagName("a")[0];
anchor.href = a_link; 
anchor.innerHTML = a_text;

您在document.getElementsByTagName("a") 之后看到的[0] 表示我们正在寻找第一个锚元素。如果你想改变，比如说，第三个<a>，你会使用[2]。

您可以阅读有关 DOM 操作的更多信息here。