单击超链接背景变色

    技术2024-10-01  59

    function inevent() { var container = document.getElementById("container"); var links = container.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { var link = links[i]; link.onclick = aclick;//给所有的超链接赋点击时的事件 } } function aclick() { var container = document.getElementById("container"); var links = container.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { var link = links[i]; if (link == this) { this.style.background = "red"; } else { links[i].style.background = "white"; } } event.returnValue = false;//禁止转到相应网址 }

    网页内容:

    <body οnlοad="inevent()"> <div id="container"><a href="http://www.baidu.com">百度</a>  <a href="http://www.sina.com">新浪</a>  <a href="http://www.sohu.com">搜狐</a></div> </body>

    最新回复(0)