我有一个链接和一个具有相同类名的表格行。当点击链接时,我想要更改与该类别相同的行的背景颜色。对于每种情况,将只有一行具有相同的类别。
这是我的当前函数。
<script type="text/javascript">
function check(x) {
elements = document.getElementsByClassName(x);
for (var i = 0; i < elements.length; i++) {
elements[i].bgColor="blue";
}
}
</script>
这是表格行代码的一部分:
<tr class="alt1 12">
<td width="50" height="55">
<img src="iPhone/statusicon/12.png" alt="" id="forum_statusicon_12" border="0"></td>
<td>
<div class="forumtitle">
<a class="forumtitle 12" href="forumdisplay.php?f=12" action="async" onclick="check(this.className.split(' ')[1])">News and Current Events</a></div>
</td>
<td width="25">
<div class="forumarrow"><img src="iPhone/chevron.png" alt="" border="0"></div>
</td>
</tr>
data1 | data2 |
this.className
替换为this.className.split(' ')[1]
。 - drinchev