如何改变HTML代码的样式呢-Java教程-爱易网页

如何改变HTML代码的样式呢

日期：2014-05-17　浏览次数：20899 次

怎么改变HTML代码的样式呢？

Java code


<ol>
<li style="display: none;">1111</li>
<li style="display: none;">2222</li>
<li style="display: none;">3333</li>
</ol>

想用js循环控制li里面的样式。
如第一个改成
style="display: list-item;"
到第二个改成
style="display: list-item;"
第一个还原默认样式

------解决方案--------------------

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
    </head>
    <body>
        <ol>
            <li style="display: none;">1111</li>
            <li style="display: none;">2222</li>
            <li style="display: none;">3333</li>
        </ol>        
        <script>
            var $ = function(id){
                return document.getElementById(id);
            };
            var $t = function(tag, cot){
                cot = cot || document;
                return cot.getElementsByTagName(tag);
            };
            
            var lis = $t('li');
            var  len = lis.length;
            var c = 0;
            setInterval(function(){
                for( var i = 0; i < len; i++ ){
                    lis[i].style.display = 'none';
                }
                lis[c].style.display = 'list-item';
                if( c == len - 1 ){
                    c = 0;
                }else{
                    c++;
                }
            }, 1000)
            
        </script>
    </body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

如何改变HTML代码的样式呢

相关资料更多>

推荐阅读更多>