Question

审议以下事项:

<style type = text/css >
   .c1
   {
        opacity:0.3;
   }
</style>

以及

<div class =  c1  id =  myDiv ></div>

以及

<script>
   function cssFn()
   {
       document.getElementById( myDiv ).style.opacity = 0.8;
   }
   cssFn();

</script>

Thus i changed the opacity of the element using javascript.. My question is this.Is it possible to make the style declaration done using javascript to be inactive 以及 that declared in class to be active using javascript..I dont need

document.getElementById( myDiv ).style.opacity = 0.3;

我只需要一部与使用风格表格宣布的风格相仿的法典。

Answer 1

我不知道这是否能够轻易做到。改变javascript的风格,就以下要素形成一条行文风格:<div作则=“opacity:0.3;“>, 您可删除其属性或可删除 import! 然而,这两种解决办法都是 ha。



或者正如在另一个问题上所建议的那样,你可以将财产设定为“......”,这将否定规则,采用风格规则。

Answer 2

你们可以尝试使用2种不同的课程。

<style type="text/css">
  .c1 {
   opacity: 0.3;
  }
  .c2 {
   opacity: 0.8;
  }
</style>

你们可以做javascript:

 document.getElementByID("myDiv").className = "c1";

Or with jQuery :

$("#myDiv").addClass("c1");

Answer 3

如果你需要的话,用Javascript或j Query添加/删除这一类。

因此,按照安德烈沙瓦开始的同样思路:

<style type = text/css >
   .c1
   {
     opacity:0.3;
   }
   .c2
   {
     opacity:0.3;
   }
</style>

在你的职责中,利用 j子,而不是通过特性人工改变不透明:

$("myDiv").addClass("c2");

然后,用 j子,用 j子做你的工作。逻辑:

$("#myDiv").removeClass("c2");

友情链接