Javascript 多样式集

Question

<div id="newsinsite" >gasdgasdgf</div>
<div id="newsinsite" >hasdgfasd</div>
<div id="newsinsite" >gasdgasd</div>
<div id="newsinsite" >gasdgasd</div>


<script>
    document.getElementById('style').style.width = "430px";
</script>

Javascript 为所有带有 newsinsite 的 div 设置了样式。请帮助我:)

Answer 1

这样做:

<div id="newsinsite1" class="newsinsite">gasdgasdgf</div>
<div id="newsinsite2" class="newsinsite">gasdgasdgf</div>
<div id="newsinsite3" class="newsinsite">gasdgasdgf</div>
<div id="newsinsite4" class="newsinsite">gasdgasdgf</div>


<script>
    var elem = document.getElementsByClassName("newsinsite");
    for (var i=0;i<elem.length;i++) {
        elem[i].style.width = "430px";
    }
</script>

但如果这是静态设置，请改用 css:

<style>
    .newsinsite {
        width: "430px";
    }
</style>

更新

对于 IE8 支持，使用 querySelectorAll('.classname') 而不是 getElementsByClassName