在html元素的對(duì)象上，有style這個(gè)屬性肺樟，控制我們的樣式
<script>
var oLi=document.getElementsByTagName('li');
var color=['red','yellow','blue'];
// var colors='';
for(var i=0;i<oLi.length;i++){
oLi[i].style.background=color[i%3];
oLi[i].index=i;
oLi[i].onmouseover=function(){
// colors=this.style.background;
this.style.background='grey';
}
oLi[i].onmouseout=function(){
this.style.background=colors[this.index%3];
}
}
</script>
運(yùn)算符：+檐春，-，*么伯，/
賦值：=疟暖，+=，-=田柔，*=俐巴，/=,%=
比較運(yùn)算符：<,>,<=,>=,==,!=,===
===: 嚴(yán)格相等；數(shù)據(jù)類(lèi)型和值都必須相等
邏輯運(yùn)算符：&&與硬爆，||或欣舵，！非
邏輯運(yùn)算符跟boolean類(lèi)型有關(guān)缀磕；&&缘圈，||：兩邊都要是布爾值
出了undefined，null虐骑，NaN准验，0，' ',其它的都可以看成真true
checked是單選框和復(fù)選框的特有屬性廷没，表示是否選中
例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table>
<tbody>
<tr>
<td><input type="checkbox" /></td>
<td>AAAA</td>
<td>AAAAAAAA</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>AAAA</td>
<td>BBBBBBB</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>AAAA</td>
<td>BBBBBBBB</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td>AAAA</td>
<td>BBBBBBB</td>
</tr>
</tbody>
</table>
<div>
<input type="checkbox" id="all" />全選
</div>
<script>
var oAll=document.getElementById('all');
var oTable=document.getElementsByTagName('table')[0];
var oInput=oTable.getElementsByTagName('input');
oAll.onclick=function(){
if(this.checked){
for(var i=0;i<oInput.length;i++){
oInput[i].checked=true;
}
}
else{
for(var i=0;i<oInput.length;i++){
oInput[i].checked=false;
}
}
}
for(var i=0;i<oInput.length;i++){
oInput[i].onclick=function(){
for(var i=0;i<oInput.length;i++){
var oCheckbox=true;
if(!oInput[i].checked){
oCheckbox=false;
break;
}
}
if(oCheckbox){
oAll.checked = true;
}
else{
oAll.checked = false;
}
}
}
</script>
</body>
</html>
