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>时，弹出窗口显示单词＆＃34; test＆＃34;。但是，是否可以在此弹出窗口中显示此<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>

我认为这可以完全帮助你。

Javascript / PHP显示id或name对象

2 个答案:

CodeOpen