Javascript 动态创建元素，但使用<；a href>；而不是按一下按钮_Javascript_Html

Javascript 动态创建元素，但使用<；a href>；而不是按一下按钮

javascript html

Javascript 动态创建元素，但使用<；a href>；而不是按一下按钮,javascript,html,Javascript,Html,我打算在我的表单中重新使用中描述的HTMLDOM的create元素方法函数myFunction（）{ var btn=document.createElement（“按钮”）； var t=document.createTextNode（“单击我”）；附肢儿童（t）；文件.正文.附件（btn）； } 单击按钮以创建包含文本的按钮元素试试看你可以在你提到的同一个例子中这样写：单击按钮以创建包含文本的按钮元素试试看函数myFunction（）{ var btn=document.c

我打算在我的表单中重新使用中描述的HTMLDOM的create元素方法

函数myFunction（）{
var btn=document.createElement（“按钮”）；
var t=document.createTextNode（“单击我”）；
附肢儿童（t）；
文件.正文.附件（btn）；
}

单击按钮以创建包含文本的按钮元素
试试看

你可以在你提到的同一个例子中这样写：


单击按钮以创建包含文本的按钮元素
试试看
函数myFunction（）{
var btn=document.createElement（“a”）；
btn.innerHTML=“单击”；
var t=btn.setAttribute（“href”https://www.google.com");
btn.setAttribute（“目标”，“空白”）；
文件.正文.附件（btn）；
}

将标记更改为锚定，将href设置为以防止浏览器执行导航

<!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>


单击链接以创建包含文本的按钮元素
函数myFunction（）{
var btn=document.createElement（“按钮”）；
var t=document.createTextNode（“单击我”）；
附肢儿童（t）；
文件.正文.附件（btn）；
}

我是否正确理解您希望对触发事件的元素使用标记而不是元素

基本上，您可以像示例中那样执行此操作：

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

试试看

您还可以给-tag a href属性。但在这里你已经看到了这个“解决方案”的问题。onclick函数和href链接都将被触发，您肯定会有不想要的行为

我还假设您只想将其样式设置为页面上的任何链接，甚至不使用href attAttribute。然后使用上面的例子就可以了。就我个人而言，我仍然更喜欢使用-tag，并自己设计它，因为标记应该只用于链接。

将

按钮更改为a，并将所有内容保持在相同的范围内。可能根据StackOverflow指南的要求，如果您不向我们展示问题中的代码，就很难知道您想要什么。最好将您的参考代码添加到问题中（即使它来自另一个网站），同时添加一个指向从何处获取该代码的网站的链接。当链接页面将来不可用时，关键信息位于外部站点的问题往往会失去价值。另外，避免添加问题不需要的标记（在本例中为jQuery），因为这会导致混淆您是在寻找简单的JS答案还是基于jQuery的答案。谢谢Harry。要点noted@Harry如果我有另一个与此相关的问题，我该怎么办？我是作为一个新问题提出的，还是应该编辑原始问题？@Maina：如果是澄清问题，那么你可以问回答问题的人（通过评论）。如果没有，最好单独问一个问题。如果问题相关，您可以在新问题中添加指向此问题的链接。谢谢@Mehrzad Chehraz
<a onclick="myFunction()">Try it</a>