动态创建元素，但使用<a href>代替按钮onClick

迈纳·迈鲁（Maina Mailu）

我打算为我的表单重复使用W3Schools中描述的HTML DOM的create元素方法。

function myFunction() {
  var btn = document.createElement("BUTTON");
  var t = document.createTextNode("CLICK ME");
  btn.appendChild(t);
  document.body.appendChild(btn);
}

<p>Click the button to make a BUTTON element with text.</p>

<button onclick="myFunction()">Try it</button>

在上面的示例中，abutton用于创建HTML元素。如何将其更改为使用href链接（<a>标记）代替按钮的click事件？

Mehrzad Chehraz

将标签更改为锚，将href设置为“ javascript：void（0）”，以防止浏览器执行导航。

<!DOCTYPE html>
<html>
<body>

<p>Click the link to make a BUTTON element with text.</p>

<a href="javascript:void(0)" onclick= "myFunction()" > Try it</a>

<script>
function myFunction() {
            var btn = document.createElement("BUTTON");
            var t = document.createTextNode("CLICK ME");
            btn.appendChild(t);
            document.body.appendChild(btn);
        }
</script>

</body>
</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。