点击高亮显示表格当前行

    技术2024-10-06  58

    function inevent() { var address = document.getElementById("address"); var trs = address.getElementsByTagName("tr"); for (var i = 0; i < trs.length; i++) { var tr = trs[i]; tr.onclick = trclick; //tr.onclick = function () { this.style.background = "red"; } } } function trclick() { var address = document.getElementById("address"); var trs = address.getElementsByTagName("tr"); for (var i = 0; i < trs.length; i++) { var tr = trs[i]; if (tr == this) { this.style.background = "red"; } else { tr.style.background = "white"; } } }

     

    网页内容:

    <body οnlοad="inevent()"> <table id="address" cellspacing="1" border="1"> <tr><td>序号</td><td>网名</td><td>地址</td></tr> <tr><td>1</td><td>百度</td><td>www.baidu.com</td></tr> <tr><td>2</td><td>新浪</td><td>www.sina.com</td></tr> <tr><td>3</td><td>搜狐</td><td>www.sohu.com</td></tr> <tr><td>4</td><td>网易</td><td>www.163.com</td></tr> <tr><td>5</td><td>谷歌</td><td>www.google.com</td></tr> </table> </body>

    最新回复(0)