Question

如何在Javascript函数中输出ID ok1，ok2，ok3？

<table>
        <tr>
                <td id="col1"><a id="ok1" href="javascript:void(0);">click</a></td>
                <td id="col2"><a id="ok2" href="javascript:void(0);">click</a></td>
                <td id="col3"><a id="ok3" href="javascript:void(0);">click</a></td>
        </tr>
</table>

例如alert(something);输出ok1

Answer 1

如果您直接在该元素上激活处理程序，例如-[NSFontManager fontWithFamily:traits:weight:size:]，您可以onclick，这意味着获取元素的this.id属性：

id

Fiddle Example - 点击第一项，ID将显示在控制台中。其他两个元素可以采用相同的方法。

修改要简单地在表格中获取document.getElementById("ok1").onclick = function(){ console.log(this.id); }的所有元素，您可以执行以下操作：

<a>

注意我已经更改了HTML，因为您可能不希望对所有表执行此操作。所以我添加了一个id：

var children = document.querySelectorAll("#myTable tr td a");
for(var i=0; i<children.length; i++) {
    console.log(children[i].id);
}

Updated Fiddle

Answer 2

收集所有a代码并循环显示该代码，并在函数中获取属性id：

(function () {
    var links = document.getElementsByTagName('a');

    for (var i=0; i<links.length; i++) {
     console.log(links[i].getAttribute('id'));   
    }
})()

Answer 3

由于id在.css文件中用作CSS选择器，因此您可以获得id＆＃34; ok1＆＃34;通过做

#ok1 {
    ...
}

Answer 4

使用 onClick 事件

<td id="col1"><a id="ok1" href="javascript:void(0);" onclick="clickFun(this)">click</a></td>

see this link

Answer 5

好的，看看这个代码它的工作是否完美。希望你满意....

var parent_ = this_.parentNode.parentNode.querySelectorAll("a");

for(var i=0; i<parent_.length; i++)
{
  alert(parent_[i].getAttribute("id"));
}

see this link

Javascript - 在表格中获取id

5 个答案: