简单前端知识——JavaScript07

最新推荐文章于 2023-09-22 19:38:43 发布

凡人1995

最新推荐文章于 2023-09-22 19:38:43 发布

阅读量154

点赞数

分类专栏：简单前端知识

本文链接：https://blog.csdn.net/weixin_39337047/article/details/88855146

版权

简单前端知识专栏收录该内容

26 篇文章 0 订阅

订阅专栏

表格的隔行换色（通过获取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; 
    }
}