Question

我是Javascript初学者。我在最后一列的每个单元格中都有一个包含链接的表。我需要遍历每个单元格并更改该单元格中的href的onclick功能。最初我不知道hrefs的id，所以我不能使用id来引用它们。单元格中只有一个链接。我不想使用jQuery

这就是细胞的样子：

<td><a title="my title text" id="cell_id" href="#" class="someclass">Anchor</a></td>

根据下面的答案，我试图构建这样的东西：

for (var i = 0 ;i<tbl.rows.length-1; i++) {
             tbl.rows[i].lastChild.getElementsByTagName("a")[0].innerHTML="X1";
    }

但这不起作用。错误是：

未捕获的TypeError：对象＃＆lt;文字＆gt;没有方法'getElementsByTagName'

Answer 1

如果单元格内有“a”元素，请尝试此操作

document.getElementsByTagName("a")[0].getAttribute("href");

或者如果要设置属性

document.getElementsByTagName("a")[0].setAttribute("href", "somelink.com");

这样的事情可能有用..很难帮助你不提供一些代码来知道你想要做什么

var links = document.querySelector("table tr td:last-child");

for (var i = 0; i < links.length; i++)
{
   links[i].setAttribute("href", "somelink.com");
}

Answer 2

如果您可以使用JQuery，可以这样完成：

$('table tr td:last-child').each(function(){
  $(this).find('a').attr('href', 'NEW_HREF');
});

这将选择每行中的最后一个'td'并找到其中的一个元素，并将href替换为代替'NEW_HREF'的任何内容

您需要包含jQuery，可以通过将以下内容插入页面部分来完成：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

使用Javascript从没有id的特定表格单元格中获取href

2 个答案: