【问题标题】:Button don't executes JS按钮不执行 JS
【发布时间】:2018-09-15 17:05:33
【问题描述】:

我对了解编程世界很感兴趣,我正在尝试一些有关制作简单网络插件的基础知识。问题是我无法让我的按钮运行一点 JS,有什么提示吗?非常感谢!!

<button id="button1" onclick="myFunction()">Start the script</button> 
<script type="application/javascript">
document.addEventListener("button1", myFunction);
function myFunction() {
var para = document.createElement("p");
var ht1 = '<p class="pop">Working</p>';
var ht2 = '<p class="image"><img src="image.png"></p>';
};
</script> 

【问题讨论】:

  • 你为什么不认为它正在运行?您不会对创建的变量做任何事情。
  • 如果您使用 addEventListener,请花 5 分钟时间阅读文档如何使用它。
  • +@dfsq,addEventListener是通过将函数绑定到事件来使用的,所以语法是myElement.addEventListener('click', myFunction)
  • @YaakovAinspan 感谢您的回答!对不起,我是新手,几天前刚开始在学校测试东西
  • @Jean,不客气,下一次,请务必在此处提问之前通读一遍,并确保问题没有您刚刚忽略的解决方案。祝你好运!

标签: javascript html dom


【解决方案1】:

首先,如果您希望某些事情发生,您需要在函数中编写它。你已经写了变量,但是你没有对它们做任何事情,所以什么都不会发生。

试试这个:

<p id="demo" onclick="myFunction()">Click me to change my HTML content (innerHTML).</p>

<script>
  function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed!";
  }
</script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-02-14
    • 1970-01-01
    • 2020-12-18
    • 1970-01-01
    • 2015-09-28
    • 2012-04-12
    • 2023-03-27
    • 1970-01-01
    相关资源
    最近更新 更多