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