Question

我使用javaScript代码隐藏所有div宽度class:article_content并仅显示具有所选ID的div。但是我可以理解如何按文章更改按钮的颜色，我在W3School中寻找示例，但我使用旋转木马，W3S的示例无法正常工作。这里的链接是：https://carsworldro.000webhostapp.com/button.html

这是在每次点击事件时触发的功能

function openArticle(evt, articleName) {
   var i, cars_content;
   cars_content = document.getElementsByClassName("article_content");
   for (i = 0; i < cars_content.length; i++) {
       cars_content[i].style.display = "none";
   }
   document.getElementById(articleName).style.display = "block";


}

Answer 1

要更改示例链接中的按钮颜色，需要将其添加到函数“ openArticle”中

evt.target.style.background = 'red'

代码或事件参数中的evt参数通常可以让您访问引发事件的HTML元素的dom

您的代码必须是这样

function openArticle(evt, articleName) {
var i, cars_content;
cars_content = document.getElementsByClassName("article_content");
for (i = 0; i < cars_content.length; i++) {
    cars_content[i].style.display = "none";
}
document.getElementById(articleName).style.display = "block";
console.log(evt.target)    ;
evt.target.style.background = 'red'

}

如何通过我选择的div更改按钮的样式？

1 个答案: