日期:2014-05-16  浏览次数:20874 次

改变投票选项颜色
大家好,我有个想法不知道如何实现,比如一个投票选项有10个选项可选,我想让系统判断前5个选项字体是红色,后5个选项显示出的字体是黑色,请问如何实现呢谢谢!

比如问题1:

A (红色字体)
B (红色字体)
C(红色字体)
D(红色字体)
E(红色字体)
F (黑色字体)
G  (黑色字体)
H(黑色字体)
I(黑色字体)
J(黑色字体)

------解决方案--------------------
如果是循环显示的话,直接使用循环变量检测就行。
------解决方案--------------------
<ul>
    <li>选项1</li>
    <li>选项2</li>
    <li>选项3</li>
    <li>选项4</li>
    <li>选项5</li>
    <li>选项6</li>
    <li>选项7</li>
    <li>选项8</li>
</ul>
<script type="text/javascript">
    for(var i=0;i<5;i++){
        document.getElementsByTagName("li")[i].style.color="red";
    }
</script>

------解决方案--------------------
遍历DOM,根据索引来改变其style