javascript - 如何使用javascript组合getElementsByTagName和getElementByClass

我试图做我的选择器，以便当它获得带有p的标记名的transform类时，在我的情况下它将发生一些鼠标悬停的事件，但是我遇到了麻烦。

我知道有jquery解决方案，但我是用纯JavaScript做到的。这是当前下面的代码

var hoverEvent = document.getElementsByTagName("p").getElementsByClassName("transform");

for (let i = 0; i < hoverEvent .length; i++) {
    hoverEvent [i].onmouseover=function() {
        this.style.color = "yellow";
     // changes paragraph with class of transform to yellow during hover
    }
}  // end for

    for (let i = 0; i < hoverEvent .length; i++) {
    hoverEvent [i].onmouseout=function() {
        this.style.color = "black";
 // changes it back to black
    }
}

最佳答案

您可以在querySelectorAll中使用CSS选择器来查找具有该类名的所有段落：

var hoverEvent = document.querySelectorAll("p.transform");

关于javascript - 如何使用javascript组合getElementsByTagName和getElementByClass，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43007176/