如何使用JS将onClick属性添加到此按钮?
<button type="submit" name="add-to-cart" value="41" class="single_add_to_cart_button button alt">BUY NOW</button>
你可以使用Jquery:
"your element".addEventListener('click', function(){
alert('hey');
}, false);
你可以使用JS函数.addEventListener()在这里，你会发现一个很好的解释。
我建议你做的是添加一个Id到按钮标签，然后使用document.getElementById()(如果你不知道这个JS函数做什么，读这个)找到你的按钮，并应用到它的。addeventlistner()函数来添加点击行为。我在下面做了一个简单的代码示例，看看它，告诉我这个答案是否是你正在寻找的。
document.getElementById('myButton').addEventListener('click', () => {
document.getElementById('myButton').classList.toggle('toggled');
});button {
width: 100px;
height: 50px;
background: #ccc;
border: 0;
outline: 0;
}
button:hover {
cursor: pointer
}
button.toggled {
background: red;
}<html>
<head></head>
<body>
<button type=submit id="myButton">
CLICK ME
</button>
</body>
</html>如果你想在js中做到这一点，你将不得不使用。addeventlistener()函数或。onclick()函数，当按钮被点击时触发
你也可以在html
里面使用。onclick<button type="submit" name="add-to-cart" value="41" class="single_add_to_cart_button button alt" onClick="function_name">BUY NOW</button>
旁注:如果你想访问你的javascript中的按钮元素，你可以添加一个Id到你的按钮标签，然后使用document.getElementById()或使用let var = document.getElementByClass()，但要注意使用var[0]来访问按钮元素，以防你过滤它的类