个人中心
gpt4 book ai didi

javascript - 如何使用 javascript 选择 的
？
转载 作者：可可西里 更新时间：2023-11-01 01:46:52 25 4
gpt4 key购买 nike

我知道这是一个非常简单的问题，但我无法在任何地方找到答案。只有答案是使用 jQuery 的，而不是纯 JS 的。我已经尝试了下面的代码，但它不起作用。我不知道为什么。 

var t = document.getElementById("table"),
    d = t.getElementsByTagName("tr"),
    r = d.getElementsByTagName("td");

这也行不通:

var t = document.getElementById("table"),
    d = t.getElementsByTagName("tr"),
    r = d.childNodes;

我做错了什么？执行此操作的最佳方法是什么？

编辑:我确实有我的 table 的 id。我知道很傻。这是我的 HTML 的样子:

<table id="table">
            <tr>
                <td id="c1">1</td>
                <td id="c2">2</td>
                <td id="c3">3</td>
            </tr>
            <tr>
                <td id="b1">4</td>
                <td id="b2">5</td>
                <td id="b3">6</td>
            </tr>
            <tr>
                <td id="a1">7</td>
                <td id="a2">8</td>
                <td id="a3">9</td>
            </tr>
</table>

为了更清楚地解释我的意图>我想做一个井字游戏。对于初学者，我希望单击 并能够提取该特定 的 ID。如何最有效地做到这一点？

最佳答案

这d = t.getElementsByTagName("tr")还有这个r = d.getElementsByTagName("td")都是arrays . getElementsByTagName返回一组元素，即使在您的比赛中只找到一个。

所以你必须这样使用:

var t = document.getElementById("table"), // This have to be the ID of your table, not the tag
    d = t.getElementsByTagName("tr")[0],
    r = d.getElementsByTagName("td")[0];

根据您要访问的对象放置数组的索引。

请注意 getElementById顾名思义，只需获取具有匹配 ID 的元素，因此您的表必须类似于 <table id='table'>和 getElementsByTagName得到标签。

编辑:

好吧，继续这篇文章，我认为你可以做到这一点:

var t = document.getElementById("table");
var trs = t.getElementsByTagName("tr");
var tds = null;

for (var i=0; i<trs.length; i++)
{
    tds = trs[i].getElementsByTagName("td");
    for (var n=0; n<tds.length;n++)
    {
        tds[n].onclick=function() { alert(this.innerHTML); }
    }
}

试试吧!

关于javascript - 如何使用 javascript 选择 <table> 的 <td>？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8508262/

25 4 0
可可西里
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com