js中DOM的代碼
<html>
<head>
??? <meta charset="UTF-8">
??? <title>電燈開(kāi)關(guān)</title>
</head>
<body>
<img id="light" src="img/off.gif">
<script>
??? /*
??????? 分析：
??????????? 1.獲取圖片對(duì)象
??????????? 2.綁定單擊事件
??????????? 3.每次點(diǎn)擊切換圖片
??????????????? * 規(guī)則：
??????????????????? * 如果燈是開(kāi)的 on,切換圖片為 off
??????????????????? * 如果燈是關(guān)的 off,切換圖片為 on
??????????????? * 使用標(biāo)記flag來(lái)完成
???? */
??? //1.獲取圖片對(duì)象
??? var light = document.getElementById("light");
??? var flag = false;//代表燈是滅的。 off圖片
??? //2.綁定單擊事件
??? light.onclick = function(){
??????? if(flag){//判斷如果燈是開(kāi)的，則滅掉
??????????? light.src = "img/off.gif";
??????????? flag = false;
??????? }else{
??????????? //如果燈是滅的，則打開(kāi)
??????????? light.src = "img/on.gif";
??????????? flag = true;
??????? }
??? }
?? ?
?? ?
</script>
</body>
</html>
標(biāo)簽：
