Question

我有h1标签，其名称为“step1”。我想用Javascript添加链接。所以我尝试用javascript编写代码如下：

    div = document.getElementById('step1');
 newlink = document.createElement('a');
  newlink.setAttribute('class', 'heading');
 newlink.setAttribute('href', 'javascript:showStep(2);');
 div.appendChild(newlink);

但它只是这样渲染。 HTML中的<h2 id="step1">Step<a href="javascript:showStep(1);" class="heading">。

实际上我希望得到以下结果：

    <h2 id="step1"><a href="javascript:showStep(2);" 
class="heading">Choose Desired Services</a></h2>

所以请帮我创建。

Answer 1

如果您只是添加一个元素来触发某些JavaScript行为，那么它绝对不需要是<a>标记。只需创建一个<span>并将其“onclick”属性设置为您要调用的函数：

var div = document.getElementById('step1');
var newlink = document.createElement('span');
newlink.onclick = function() { showStep(2); };
newlink.innerHTML = "Choose Desired Services";
div.appendChild(newlink);

你也可以给它一个类名等，以便它可以适当地设置样式（指针光标，无论如何）。

此外，不要忘记var !!

用javascript添加链接

1 个答案: