您现在的位置是:首页 > 电脑技术查询 > web开发

请问

编辑:chaxungu时间:2022-10-02 23:21:02分类:web开发

请教
先看个代码:
<html>
<head>
</head>
<body>

<table width= "100% " border= "1 ">
<tr id= "t1 " onclick= "alert(this.nextSibling.id); "> <td> 1 </td> </tr>
<tr id= "t2 "> <td> 2 </td> </tr>
</table>

</body>
</html>

这点击表格第一行(1)的时候返回了t2,那么怎么在点击表格的第二行的时候返回t1呢?也就是说我想知道有没有类似nextSibling的,但返回的是上一兄弟节点而不是下一兄弟节点

------解决方案--------------------
previousSibling
------解决方案--------------------
<html>
<head>
</head>
<body>

<table width= "100% " border= "1 ">
<tr id= "t1 " onclick= "alert(this.nextSibling.id); "> <td> 1 </td> </tr>
<tr id= "t2 " onclick= "alert(this.previousSibling.id); "> <td> 2 </td> </tr>
</table>

</body>
</html>