我试图使用 onclick 和 getElementsByClassName 改变按钮的颜色,并想出了这样的事情:
HTML:
<button onclick="submitButtonStyle()" type="submit" class="stylebutton">
Submit </button>
记者:
function submitButtonStyle() {
document.getElementsByClassName("stylebutton").style.backgroundColor = "red"; }
如果你们给我一些关于我的代码中缺少什么/我应该添加什么等的提示,我将非常感激。
原文由 skrttt44 发布,翻译遵循 CC BY-SA 4.0 许可协议
getElementsByClassName
返回HTMLCollection
所以你需要使用索引获取元素,在你的例子中 index === 0getElementsByClassName[0]
。实际上,您不需要调用函数
getElementsByClassName
,将元素作为参数传递。使用事件绑定和函数的更好方法
querySelectorAll