javascript - 如何使用JavaScript控制CSS子属性？

我熟悉如何使用js这样在函数中设置CSS ID的属性：

idOfMyCSSElement.setAttribute("style","color: #122362;");

我想知道如何使用没有自己ID的js定位嵌套的div或其他元素。

在CSS中，我可以通过指定嵌套div作为目标：

#idOfMyCSSElement div {border: thin solid red;}

因此，如果我可以通过在js中执行以下操作来定位上述div，那就太好了：

idOfMyCSSElement.div.setAttribute("style","color: #122362;");

但是我不知道那时我在做什么。那只是我的疯狂猜测。我认为我应该使用其他方法。

我还想针对诸如CSS悬停状态属性之类的东西：

#idOfMyCSSElement:hover {color: yellow;}

有没有一种方法可以在调用JS函数时用JS定位黄色的该属性并使其具有其他颜色？

最佳答案

您可以使用jquery这样来做到这一点：

$("#idOfMyCSSElement div").css("color","#122362");

编辑：

您可以模仿悬停伪类，如下所示：

  $('.someclass').hover( function(){
      $(this).css('background-color', '#F00');
   },
   function(){
      $(this).css('background-color', '#000');
   });

编辑2：
    说您计划更改其颜色的元素具有类别

htmlElementsToChangeColor，然后您可以执行以下操作来应用更改：

$("#myButton").click(function(){
     $(".htmlElementsToChangeColor").css("color","your color code");
});

关于javascript - 如何使用JavaScript控制CSS子属性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13386489/