创建的按钮没有onclick图书公司

问题描述 投票:0回答:2
javascript
2个回答
5
投票

onclick
需要是一个函数。请参阅示例。

var sayHello = function(){
    console.log("hello");
};

var btn = document.createElement('input');
btn.type = "button";
btn.className = "btn";
btn.value = "Negociate";
btn.onclick = sayHello;
document.getElementById('mainPage').appendChild(btn);
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>BookInc</title>
  <link rel="stylesheet" href="style.css">

</head>

<body style="background-color:white;">

    <div id= "mainPage">

    </div>
    <script src="test.js"></script>
</body>
</html>


0
投票

btn.onclick
需要回调,您需要提供一个函数/箭头函数才能使其工作。目前,您的代码只打印一次“hello”,即在加载它时。要在按下按钮时执行它,您需要提供一个可调用函数,如下所示:

btn.onclick = () => console.log("hello);
© www.soinside.com 2019 - 2024. All rights reserved.