1. 程式人生 > 其它 >JavaScript實現點選指定選項文字變紅其他選項文字不變色

JavaScript實現點選指定選項文字變紅其他選項文字不變色

技術標籤: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>