Đối với điều này, hãy sử dụng document.getElementByClassName (). Sau đây là mã -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<button class="clickTheButton">Click The Button to get an
alert</button>
<script>
for (var clickButton of
document.getElementsByClassName("clickTheButton"))
clickButton.addEventListener("click", alertMeessage);
function alertMeessage() {
alert("You have clicked the button");
}
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi bạn nhấp vào nút, một thông báo cảnh báo sẽ hiển thị. Điều này sẽ tạo ra đầu ra sau -
