Javascript / PHP显示id或name对象

Question

我有以下表格:

<table>
    <tr>
        <td id='test1' name='test1'class=default></td>
        <td id='test2' name='test2'class=default></td>
        <td id='test3' name='test3'class=default></td>
    </tr>
</table>

和功能:

function pop() {
 alert("test")
}

当我点击一个<td>时，弹出框出现单词"test"。但是，有可能在这个弹出框中显示这个<td>的ID或名称吗?我已经尝试了get_class，但没有工作。

Answer 1

JavaScript:

function pop(el) {
   alert(el.getAttribute("id")) /* instead of 'id' you can pass 'name' attribute */
}
window.onload = function(){
   var elements=document.querySelectorAll('table tr td.default')
   for(var i = 0; i < elements.length; i++){ 
      var onc = function(x){return function(){ pop(x)}}(elements[i])
      elements[i].addEventListener('click',onc , false);
   }
}

CodeOpen

Answer 2

这就是你问题的答案。您应该删除这个类，因为它对ID

是多余的。

<table>
    <tr>
        <td id='test1' name="test1" onClick="pop()"></td>
        <td id='test2' name="test2" onClick="pop()"></td>
        <td id='test3' name="test3" onClick="pop()"></td>
    </tr>
</table>

Javascript

<script>
function pop() 
{
   alert("test");
}  
</script>

我想这会对你很有帮助。