JavaScript實現點選指定選項文字變紅其他選項文字不變色
阿新 • • 發佈:2021-01-11
技術標籤:JavaScript小作業
點選哪個h1標籤讓哪個字型變成紅色(使用this)
程式碼如下
<body> <h1 onclick="z(this)">張三</h1> <h1 onclick="q(this)">李四</h1> <h1 onclick="r(this)">王五</h1> </body> <script> function z(z) { z.style.color="red"; z.nextSibling.nextSibling.style.color="black" z.nextSibling.nextSibling.nextSibling.nextSibling.style.color="black" } function q(z) { z.style.color="red"; z.nextSibling.nextSibling.style.color="black" z.previousSibling.previousSibling.style.color="black" } function r(z) { z.style.color="red"; z.previousSibling.previousSibling.previousSibling.previousSibling.style.color="black" z.previousSibling.previousSibling.style.color="black" } </script>