原生javascript实现获取指定元素下所有后代元素的方法-6ren

原生javascript实现获取指定元素下所有后代元素的方法

转载作者：qq735679552 更新时间：2022-09-27 22:32:09

27

4

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章原生javascript实现获取指定元素下所有后代元素的方法由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

本文实例讲述了原生javascript实现获取指定元素下所有后代元素的方法，分享给大家供大家参考。具体实现方法如下:

过去常用的循环递归的方式显得非常的麻烦，下面就分享一个比较简单的方式，使用原生的javascript方法即可实现此功能。代码实例如下

。

复制代码代码如下:

  <!DOCTYPE html> 
 
 <html> 
 
 <head> 
 
 <meta charset=" utf-8"> 
 
 <meta name="author" content="http://www.zzvips.com/" /> 
 
 <title>javascript获取后代元素</title> 
 
 <script type="text/javascript"> 
 
 window.onload=function(){ 
 
   var obox=document.getElementById("box"); 
 
   var oshow=document.getElementById("show"); 
 
   var nodes=obox.getElementsByTagName("*"); 
 
   oshow.innerHTML=nodes.length; 
 
 } 
 
 </script> 
 
 </head> 
 
 <body> 
 
 <div id="show"></div> 
 
 <div id="box"> 
 
   <div> 
 
     <ul> 
 
       <li>元素一</li> 
 
       <li>元素二</li> 
 
       <li>元素三</li> 
 
     </ul> 
 
   </div> 
 
 </div> 
 
 </body> 
 
 </html>

。

上面的代码实现了我们的要求，参数星号表示一个通配符，它可以匹配所有类型的标签。 getElementsByTagName()方法的调用对象决定了它的查找范围.

希望本文所述对大家的javascript web程序设计有所帮助.

最后此篇关于原生javascript实现获取指定元素下所有后代元素的方法的文章就讲到这里了,如果你想了解更多关于原生javascript实现获取指定元素下所有后代元素的方法的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

27

4

0

文章推荐： PHP获取当前文件的父目录方法汇总

文章推荐：使用Python写个小监控

文章推荐：功能强大的php分页函数

文章推荐： 2014年最火的Node.JS后端框架推荐

sql - 查询以获取数据库中树的所有祖先/后代？
我有一个表(id, parent_id, data)，其中parent_id 指向同一表中的另一行(或者为空)。是否有一种标准的方法来查询(1)某个 id 的所有祖先和(2)某个 id 的所有后代？
python - 在网络中有效识别给定距离内的祖先/后代
networkx 中是否有函数/方法来识别给定(可选加权)距离内的所有祖先/后代？例如，可以有效地产生与下面的函数相同的结果的东西？ import networkx g = networkx.DiG
javascript - 在窗口单击事件中访问元素及其子/后代
在我的窗口事件中，如果指针点击父对象或其子对象/后代对象，它应该做一些事情。问题是事件无法访问 parent 的 child 和孙子。条件存储在 targetIsInsideParent 变量中。 H
mysql - TDataSet 后代
我有一个非常好的 DirectMySQL 单元，可以使用，我希望它成为 TDataset 的后代，这样我就可以将它与 QuickReport 一起使用，我只想要使用来自 TDataset 的 Dire
MySQL:获取所有子类别，后代
我将 mysql 表定义为: 类别:category_id、category_name、parent_category_id 我正在寻找一个很好的 sql 查询来检索给定 category_id 的所
multithreading - 当控件被销毁时我应该什么时候停止线程(TCustomControl 后代)
我的 TCustomControl 后代使用线程，这涉及使用 InvalidateRect 进行无效化。我遇到这样的情况:当线程正在工作时关闭程序时，我不会停止 Destroy 中的线程，因为即使在进
delphi - 具有空行的 TMemo 后代
我的 TMemo 后代有构造函数 constructor TMyMemo.Create(AOwner: TComponent); begin inherited Create(AOwner);
delphi - 我的组件崩溃(TCustomEdit 后代)
我正在尝试创建一个像Delphi 2009的TButtonedEdit这样的组件。它是一个自定义的TEdit，左右各有2个按钮。在我的版本中，我使用 2 个 TSpeedButton 对象作为左右按
jquery - 查找单个 jquery 后代
我遇到了一些问题，看起来使用 JQuery 应该很容易做到。基本上我的页面上有一个表格。表格中的每一行都有一个复选框和一个金额单元格。我正在尝试编写一个函数来遍历每一行并检查复选框是否已选中。如果是这
c# - Linq to xml 后代
如何使用 linq 对包含相同对象的子集合 X 层深的对象集合获得与 doc.Descendants() 类似的功能？最后一个嵌套集合包含需要获取的数据，所有其他父集合只是分组。我可以将集合转换为
mysql - SQL 在自引用表中查找祖先/后代
我有一个引用自身的表，如下所示: CREATE TABLE Foo ( id INT NOT NULL AUTO_INCREMENT PRIMARY KEY, parent INT NULL, nam
xcode - Swift:如何声明 View 后代
我正在尝试添加以下约束来对齐表格单元格内的图像。 self 指的是 ImageView 将驻留在其中的 UITableViewCell 对象: var imageViewTest = UIIm
html - css - 针对特定的非 child 后代
我有以下标记: content Link Link Link
c# - Xml 节点的 Xml 后代
这里是一个简化的mxl结构'xml'， Alice30 Bob31 Charley29 Dory25 这是我尝试过的； XmlDocument submiss
c++ - 删除 boost::thread 后代
我正在尝试编写一个类，该类将在其对象创建时运行一个线程，并在对象被删除后停止该线程。 class MyThread : public boost::thread { public: MyThr
HTML 表格 - 最大宽度不适用于 td 后代
我有一个表 width: 100%以及该表中的元素 width: 40em; max-width: 100% , 但当浏览器窗口太小时，该元素仍在拉伸(stretch)表格。我希望这个元素的宽度固定
delphi - 在 Delphi 中创建 TCustomComboBox 后代
我正在尝试在 Delphi 2007 中创建基于 TCustomComboBox 的自定义控件，但我陷入了第一个障碍。我试图覆盖下拉列表的显示方式，主要是显示的文本，查看 stdctrls.pas
delphi - 在 Delphi 中使用 TOwnedCollection 后代
我正在尝试创建一个具有集合属性的自定义组件。但是，如果我尝试在设计时通过单击对象检查器中的“...”按钮来打开集合编辑器，则不会发生任何情况。我缺少什么？这是我的 TCollection 后代:
wpf - 在EditingTemplateCell中使用弹出窗口:Message = Value不能为null。参数名称:后代
我正在使用WPF DataGrid，并放置了DataGridTemplateColumn。因为该列应该对复杂类型(这是一个对象)执行编辑，所以我决定放置一个打开弹出窗口的切换按钮。代码如下:
visual-studio-2008 - 后代 UserControl 如何拦截其基类触发的事件？
我有一个基本的 UserControl (BaseControl.cs)，上面有一个 OK 和 Cancel 按钮。单击按钮时，将触发一个事件。通常其他 UserControl 对象继承自 BaseC

首页

博学

6Ren·AI

商城

原生javascript实现获取指定元素下所有后代元素的方法