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

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操作的内容。