在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ 用JS寫的為實(shí)現(xiàn)點(diǎn)擊一下a標(biāo)簽寫的按鈕，使之變換背景顏色，我的代碼只能是先點(diǎn)兩次

用JS寫的為實(shí)現(xiàn)點(diǎn)擊一下a標(biāo)簽寫的按鈕，使之變換背景顏色，我的代碼只能是先點(diǎn)兩次才能變換背景顏色，求告知，謝謝！

我用以下代碼實(shí)現(xiàn)背景變換
【代碼】

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        *{
            margin: 0 auto;
            padding: 0;
        }
        div{
            height:210px;
            width: 100px;
        }
        div>a{
            text-decoration: none;
            color: black;
            width: 100px;
            height: 40px;
            background: green;
            float: left;
            margin-bottom: 10px;
        }
    </style>

</head>
<body>
    <div>
        <a href="" name="a1">123</a>
        <a href="" name="a1">123</a>
        <a href="" name="a1">123</a>
        <a href="" name="a1">123</a>
        <a href="" name="a1">123</a>
        <a href="" name="a1">123</a>
    </div>
</body>
    <script type="text/javascript">
        var a=document.getElementsByName("a1");
        for(var i = 0; i < a.length;i++){
            a[i].onclick = function(){
                this.style.background = "red";
            }
        }
    </script>
</html>

【問(wèn)題】怎么點(diǎn)一下就能變色，而不是要點(diǎn)兩下才變色呢！
【圖】
圖片描述

【請(qǐng)大佬幫助！】

回答
編輯回答
神曲

你把<a href="" name="a1">123</a>這句話中的href=""去掉就可以了，a標(biāo)簽中有了href=""，點(diǎn)擊a標(biāo)簽的時(shí)候會(huì)強(qiáng)制刷新頁(yè)面，導(dǎo)致你自定義的click點(diǎn)擊因頁(yè)面刷新無(wú)效。

2018年3月21日 12:51
編輯回答
陌南塵

加一句event.preventDefault()阻止事件的默認(rèn)行為就不會(huì)跳轉(zhuǎn)了。樓上答案把href都去掉了，那干嘛用a標(biāo)簽，用div或者span啥的都o(jì)k。

2017年3月7日 11:41
編輯回答
刮刮樂(lè)

樓上都解答了，我提個(gè)建議吧，綁定事件的形式可以用事件委托。

2017年5月17日 14:46