Question

在another post中，我被建议不要使用ID，在HTML表单中使用类来表示按钮。

我是HTML5和Javascript的新手，所以我如何使用按钮类，并为按钮分配事件处理程序？

可能的解决方案：

<!DOCTYPE html>
<html>
<head>
<title>HTML Button Tag</title>
</head>
<body>
<form>
<button name="button" value="OK" type="button">Click Me</button>
</form>
</body>
</html>

然后我会使用document.getElementByName（）并分配一个按钮处理程序，对吗？

Answer 1

说真的，有人说：

id在HTML中被认为是不好的做法，首选方法是类

......是完全错的！ id和类具有各自的使用区域，在某些情况下会重叠。对于自动化测试和css，ID非常有用。永远不要害怕使用它们！

作为您问题的答案，有几种选择。要么在javascript中找到元素，又要分配一个按钮处理程序，或者只是添加一个onclick-function，并直接在你的按钮标签中分配它，如下所示：

<button ... onclick="functionToBeCalled()">Click Me</button>

然后你只需要定义你想在javaScript中执行的函数。

在HTML5中使用类而不是ID

1 个答案: