我正在尝试理解一个现有的网站。该站点似乎是使用php、javascript和html构建的。生成的html页面中的一个表包含许多球员,包括排名、姓名、俱乐部等。球员名称是可点击的,点击将给出关于该球员的更多信息。我只是不明白为什么名字是可点击的,以及什么代码说明当你点击时应该发生什么,因为表中没有a-html-tag等。这里一定有一些我不理解的php/javascript/html魔法在起作用。
下面是表格的html代码摘录,用于500个玩家中的第一个,其中玩家名称"Persson,Jörgen“将变为可点击。
<table>
<tr><td colspan='2'>Placering</td><td>Namn</td><td>Född</td><td>Klubb</td><td colspan='2'>Poäng</td></tr>
<tr><td class='hoyre'>WR43 1</td><td>(1)</td><td><span class='rml_poeng' id='rml:41118:159:0'>Persson, Jörgen</span></td>
<td>1966</td><td>Halmstad BTK</td><td class='hoyre'>2516</td><td>(-22)</td></tr>
要到达站点和桌子:
*转至http://www.cupassist.com/pa/login.php
*单击带有文本"SVENSKA BORDTENNISFÖRBUNDET“的蓝色和黄色徽标。
*点击“排名”
*点击"Listor“
现在,您应该会看到500名玩家的列表。您现在可以显示此页面的页面源代码,以查看上面摘录的完整代码。
发布于 2012-01-09 08:26:48
JavaScript用于将click
事件处理程序绑定到元素(在本例中,是具有名为rml_poeng
的类的所有span
元素):
'span.rml_poeng' : function(element)
{
element.onclick = function(e)
{
id = this.id;
vis_poengdet(e, id);
}
}
其中一个可单击单元格的示例:
<span class="rml_poeng" id="rml:41118:159:0">Persson, Jörgen</span>
JavaScript使用了一些名为behaviour.js
的库,它允许使用CSS样式选择器选择DOM元素(与jQuery非常相似)。
您可以进一步深入研究vis_poengdet
函数的实现。只需使用Firebug或Chrome开发工具即可。
https://stackoverflow.com/questions/8782700
复制相似问题