首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >这些可点击的html项目如何在没有a-html-tag的情况下变得可点击呢?

这些可点击的html项目如何在没有a-html-tag的情况下变得可点击呢?
EN

Stack Overflow用户
提问于 2012-01-09 08:21:58
回答 1查看 122关注 0票数 0

我正在尝试理解一个现有的网站。该站点似乎是使用php、javascript和html构建的。生成的html页面中的一个表包含许多球员,包括排名、姓名、俱乐部等。球员名称是可点击的,点击将给出关于该球员的更多信息。我只是不明白为什么名字是可点击的,以及什么代码说明当你点击时应该发生什么,因为表中没有a-html-tag等。这里一定有一些我不理解的php/javascript/html魔法在起作用。

下面是表格的html代码摘录,用于500个玩家中的第一个,其中玩家名称"Persson,Jörgen“将变为可点击。

代码语言:javascript
运行
复制
  <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名玩家的列表。您现在可以显示此页面的页面源代码,以查看上面摘录的完整代码。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-01-09 08:26:48

JavaScript用于将click事件处理程序绑定到元素(在本例中,是具有名为rml_poeng的类的所有span元素):

代码语言:javascript
运行
复制
'span.rml_poeng' : function(element)
{
    element.onclick = function(e)
    {

        id = this.id;
        vis_poengdet(e, id);
    } 
}

其中一个可单击单元格的示例:

代码语言:javascript
运行
复制
<span class="rml_poeng" id="rml:41118:159:0">Persson, Jörgen</span>

JavaScript使用了一些名为behaviour.js的库,它允许使用CSS样式选择器选择DOM元素(与jQuery非常相似)。

您可以进一步深入研究vis_poengdet函数的实现。只需使用Firebug或Chrome开发工具即可。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8782700

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档