简单前端知识——JavaScript07

表格的隔行换色(通过获取tab对象,tab对象有相应的成员可以使用)说明HTML的标签其实是对象 

获得所有的行 table.rows[]

修改行的颜色 row.bgColor = "red"   row.style.backgroundColor = "black"

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <title></title>
        <script>
            function init(){
                var tab = document.getElementById("tab");
                var rows = tab.rows;
                for(var i = 1;i < rows.length;i++){
                    var row = rows[i];
                    
                    if(i%2==0){
                        row.bgColor = "yellow";
                    }else{
                        row.bgColor = "red";
                    }
                }
            } 
        </script>
    </head>
    <body>
        
    </body>
</html>

input全选和全不选

checked属性

如何获取所有复选框document.getElementByName    getElementByName

function checkAll(){
    //获得当前第一个checkbox的状态
    var check1 = document.getElementById("check1");
    //得到所有当前checked的状态
    var checked = check1.checked;
    //获得所有分类项的checkbox
    var checks = document.getElementsByTagName("input");
    for(var i = 1;i < checks.length; i++){
        //修改每一个checkbox的状态
        var checkone = checks[i];
        checkone.checked = checked; 
    }
}

猜你喜欢

转载自blog.csdn.net/weixin_39337047/article/details/88855146
今日推荐