访问树中的所有元素(DOM)

Posted Orange

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了访问树中的所有元素(DOM)相关的知识,希望对你有一定的参考价值。

创建一个函数,给定页面上的DOM元素,将访问元素本身及其所有后代(而不仅仅是它的直接子代)。对于访问的每个元素,函数应将该元素传递给提供的回调函数。

函数的参数应该是:

  • 一个DOM元素
  • 一个回调函数(以DOM元素为参数)

访问树中的所有元素(DOM)是一种经典的深度优先搜索算法应用程序。以下是一个示例解决方案:

function Traverse(p_element,p_callback) {
   p_callback(p_element);
   var list = p_element.children;
   for (var i = 0; i < list.length; i++) {
       Traverse(list[i],p_callback);  // recursive call
   }
}

 

 

以上是关于访问树中的所有元素(DOM)的主要内容,如果未能解决你的问题,请参考以下文章

HTML DOM结构

XML DOM – 访问节点概述

JavaScript之dom操作

jQuery DOM树中遍历元素的同胞元素

JavaScript 元素在DOM树中的绝对位置

前端学习系列之JavaScript DOM