遍历DOM

Question

我有一些书签显示为页面。在这种情况下，我需要在这些页面中搜索特定页面 - 页面ID为“social_page”。

首先，我抓住包含div

var bookmark_fill = document.getElementById( 'bookmark_fill' );

如何最好地遍历bookmark_fill中的“页面”？下面这个简单的案例只有2页。

Answer 1

var socialPage = document.getElementById("social_page");

因为ID应该是唯一的。

Answer 2

获取bookmark_fill节点：

var bookFill = document.getElementById("bookmark_fill");

要获取其中的所有页面，您可以使用getElementsByClassName方法

var allBookMarkPages = bookFill.getElementsByClassName("bookmark_page");

for (var i = 0, max = allBookMarkPages.length; i < max; i++) {
    var allLinks = allBookMarkPages[i].getElementsByClassName("bookmark");
}