首頁 > 開發者 > JavaScript
標籤：har comm java red 東北 value amp == type
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><input type="button" value="變色" id="bt"/><ul id="uu"> <li>紅燒鯉魚</li> <li>糖醋排骨</li> <li>紅燒茄子</li> <li>酸辣馬鈴薯絲</li> <li>麻辣小龍蝦</li> <li>東北烤冷麵</li> <li>陝西肉夾饃</li> <li>雲南過橋米線</li></ul><script src="common.js"></script><script> //隔行變色 my$("bt").onclick = function () { var count = 0;//記錄li的個數 //擷取ul中所有的子節點 var nodes = my$("uu").childNodes; for (var i = 0; i < nodes.length; i++) { //判斷這個節點是不是li if (nodes[i].nodeType == 1 && nodes[i].nodeName == "LI") { nodes[i].style.backgroundColor = count % 2 == 0 ? "red" : "yellow"; count++; } } };</script></body></html>
JavaScript節點的方式隔行變色
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
