javascript - 如何获取 HTML 元素中的 href？

Question

我正在循环访问这样的对象列表:

for (var i=0;i<rows.length;i++) {
   console.log(rows[i].children[2])
}

它输出的html是这样的:

  <td style="padding-left: 1em">
    <a href="/assets/images/royce/royce-trumbull-09.jpg">royce-trumbull-09.jpg</a>
  </td>

我只是想从每个 <td> 获取 href 属性就像上面那个一样。我试过rows[i].children[2].getAttribute("href")和rows[i].children[2].href除其他事项外。我只想回"/assets/images/royce/royce-trumbull-09.jpg"

Answer 1

看起来你需要

rows[i].children[2].children[0].getAttribute("href")

对吗？由于 rows[i].children[2] 的输出是 td 元素，而不是其中的 a。