javascript - 链接 getElementsByTagName 调用来遍历 DOM 来查找您需要的项目

Question

我有一个包含一堆段落的页面。每个段落都有我想要的 href 。但是我不想要页面上的所有 href，只想要正文中的 ->p ->href。

如何在 JavaScript 中执行此操作？

我想做这样的事情，但这是错误的:

var myList = document.body.getElementsByTagName("p.href");

注意:我不想遍历所有 p 元素并提取 href，我只是想限制 href 的范围。

示例输入:

<p> <a href....></a></p>

Answer 1

在较新的浏览器中:

document.querySelectorAll('p a[href="someLink"]')

或

var p   = document.getElementsByTagName('p'),
    arr = [];

for (var j=p.length; j--;) {
    var a = p[j].getElementsByTagName('a'),
    for (var i=a.length; i--;) {
        arr.push( a[i].href );
    }
}