클릭 할 수있는 HTML 항목을 a-html 태그없이 클릭 할 수있는 방법은 무엇입니까?

Question

기존 웹 사이트를 이해하려고합니다. 사이트는 php, javascript 및 html을 사용하여 작성된 것으로 보입니다. 생성 된 HTML 페이지의 한 테이블에는 순위, 이름, 클럽 등 많은 플레이어가 포함됩니다. 플레이어 이름은 클릭 할 수 있으며 클릭하면 해당 플레이어에 대한 추가 정보가 제공됩니다. 나는 왜 이름이 클릭 가능한지 이해할 수 없으며, 클릭 할 때 어떤 일이 일어나야 하는지를 나타내는 코드는 html 태그 등이 테이블에 없기 때문에 이해할 수 없다. 거기에 내가 이해가 안되는 여기에 일하는 php/javascript/html 마법이 있어야합니다.

다음은 플레이어 이름 "Persson, Jörgen"이 클릭 가능한 500 명의 플레이어 중 첫 번째 테이블의 HTML 코드입니다. "순위"
* 클릭을 클릭
*이 http://www.cupassist.com/pa/login.php
로 이동 * 텍스트 "SVENSKA BORDTENNISFÖRBUNDET"
*와 함께 파란색과 노란색 로고를 클릭 :

<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> 

사이트 테이블에 도달하려면 "Listor"에

이제 500 명의 플레이어 목록이 표시됩니다. 이 페이지의 페이지 소스를 표시하여 위에서 추출한 전체 코드를 볼 수 있습니다.

Answer 1

자바 스크립트 (이 경우 rml_poeng라는 클래스 모든 span 요소) 요소에 click 이벤트 핸들러에 결합하기 위해 사용된다 :

'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 개발자 도구를 사용하십시오.