Question

怎么把getElementById改成通过getElementByclassname来控制DIV

document.getElementById("xuanzhuan").style.transform = "rotate(" + deg + "deg)";
怎么把getElementById改成通过document.getElementByclassname来控制

Answer 1

jquery可以使用attr()或prop()方法修改类名，javascript可以修改对象的className属性。

可通过如下程序修改：

document.getElementsByName("div的class名字")[0].style.transform ="rotate(" + deg + "deg)"。

实例演示如下:

<style>

red{color:red !important;}

blue{color:blue !important;}

</style>

<div id="test">我是示例DIV</div>

<input type="button" id="js" value="使用javascript方法修改类名为red">

<input type="button" id="jq" value="使用jquery方法修改类名为blue">

Answer 2

document.getElementsByName("div的class名字")[0].style.transform ="rotate(" + deg + "deg)";

同样的class名字可以设置很多次，[0]中括号里的数字代表 从上往下第几个，从0开始，0代表第一个

追问

如果设置针对所有某个class而不是指定第几个呢