如何使用javascript控制css子属性？

Question

我熟悉如何在函数中使用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函数时使其成为其他颜色？

Answer 1

你可以用这样的jquery来做：

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

修改

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

  $('.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");
});

Answer 2

简单的方法是使用jQuery。

非jQuery方式是使用.getElementByTagName。