如何将我的 HTML 按钮链接到 JS onclick

Question

我不知道将HTML按钮链接到JS onclick 的正确语法

PS 我已经检查了谷歌和 DevDocs 的答案，但没有

Answer 1

您需要在 JavaScript 文件中添加链接到 html 元素的 EventListener。

html

<div id="test"></div>

js

const testButton = document.querySelector('.test');
testButton.addEventListener('click', function() {
    // Code you want to execute 
});

Answer 2

HTML 按钮有一个名为 onClick 的属性。 您可以在 onClick 中调用您的 JS function。

前任：

 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Document</title> </head> <body> <button onClick="disp()">Display</button> <div id="text"></div> <script> function disp(){ document.getElementById('text');innerHTML = 'Hello world'; } </script> </body> </html>

Answer 3

将 EventListener 链接到 Js 文件中的 html 元素。 HTML

<div id="myDiv"></div>

JS

const testButton = document.querySelector('#myDiv');
testButton.addEventListener('click', function() {
    // Code you want to execute 
});

使用 onClick 属性调用你的 Js function。 HTML

<button onClick="myFunc()">Display</button>
<div id="myDiv"></div>

JS

function myFunc () {
      document.getElementById('myDiv').innerHTML = "Hello world";
    }

我希望我是有帮助的。

如何将我的 HTML 按钮链接到 JS onclick

问题描述

3 个解决方案

解决方案1
0 已采纳 2021-01-13 11:15:57

解决方案2
0 2021-01-13 11:26:55

解决方案3
0 2021-01-13 11:35:26

如何将我的 HTML 按钮链接到 JS onclick

问题描述

3 个解决方案

解决方案1 0 已采纳 2021-01-13 11:15:57

解决方案2 0 2021-01-13 11:26:55

解决方案3 0 2021-01-13 11:35:26

解决方案1
0 已采纳 2021-01-13 11:15:57

解决方案2
0 2021-01-13 11:26:55

解决方案3
0 2021-01-13 11:35:26