访问嵌套在网站中多个div中的元素

时间:2013-11-07 21:06:09

标签: javascript html dom

我想访问网页中嵌套元素的值 例如,
该网页包含许多div,并且没有任何ID或CLASS 所以,我想要标签中的值(<a>Some Value</a>) 它嵌套在3 div。

注意 - 在3 <a>中嵌套了许多此类div
但我需要<a>其内部HTML从http://开始 任何可行性?

2 个答案:

答案 0 :(得分:3)

如果您的问题是“如何访问嵌套在三个div中的唯一锚元素的内容?”然后你可以这样做:

var el = document.querySelector("div div div a"),
    value = el.innerHTML;

演示:http://jsfiddle.net/uPK94/

编辑:如果有多个锚点并且您想要一个“其内部HTML从http://开始”,您可以这样做:

var anchors = document.querySelectorAll("div div div a"),
    value;
for (var i = 0; i < anchors.length; i++) {
    if (anchors[i].innerHTML.indexOf("http://") === 0) {
        // anchors[i] is the element you're looking for
        value = anchors[i].innerHTML;
        // do something with value here
    }
}

.indexOf() method返回一个字符串在另一个字符串中的第一个匹配位置,因此在您的情况下,您希望它位于位置0.如果您只想要一个在其中位于http://的锚点内部html你可以使用anchors[i].innerHTML.indexOf("http://") != -1

另见:

答案 1 :(得分:1)

怎么样:

var a = document.querySelector("div a");