初级JS

初级JS四

一.用JS改变样式时，改变class和行间样式的区别

1.改变class

<style>
            .box{
                background-color: red;
            }
        </style>
        <script>
            function toRed()
            {
                var oDiv = document.getElementById('div1');

                oDiv.className='box';
            }
        </script>

</style>

2.行间

<style>
            #div1{
                width: 200px;
                height: 200px;
                border:1px solid black;
            }
        </style>
        <script>
            function toGreen()
            {
                var oDiv = document.getElementById('div1');

                oDiv.style.background='green';
            }
        </script>

</style>

区别：class的样式优先级比行间的低，所以改变了行间后不能再变回class。

二.window.onload()

在程序都加载完后执行

三.function不写函数名

oBtn.οnclick=function()
                {
                    alert('a');
                };   

不用再烦恼函数起名的问题

四.循环

1.if(条件成立){
执行

}else{
执行

}

2.while(条件成立){
执行

}

3.for(初始;条件;执行)

{执行}

五.getElementsByTagName

<script>
        window.οnlοad=function()
        {
            var aDiv=document.getElementsByTagName('div');
                for(var i=0;i<aDiv.length;i++)
                {
                    aDiv[i].style.background='red';
                }    
        };

</script>

可以以数组的形式获取。

好处：在不知道具体数量的时候动态使用执行。

六.在已有变量下选择

var aCh=oDiv.getElementsByTagName('input');