通过javascript获取当前元素下一级的元素

2023-12-24

我需要访问 DOM 树并获取仅比当前元素低一级的元素。

阅读以下代码:

<div id="node">
    <div id="a">
        <div id="aa">
            <div id="ab">
                <div id="aba"></div>
            </div>
        </div>
    </div>
    <div id="b">
        <div id="ba">
            <div id="bb">
                <div id="bba"></div>
            </div>
        </div>
    </div>
    <div id="c">
        <div id="ca">
            <div id="cb">
                <div id="cba"></div>
            </div>
        </div>
    </div>
</div>

我想获取“node”下的3个元素“a”、“b”、“c”。我应该怎么办?

var nodes = node.getElementsByTagName("div")

var 节点 = node.childNodes;

有谁知道如何解决这个问题?


您可以使用排除所有非元素节点的函数:

function getChildNodes(node) {
    var children = new Array();
    for(var child in node.childNodes) {
        if(node.childNodes[child].nodeType == 1) {
            children.push(child);
        }
    }
    return children;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

通过javascript获取当前元素下一级的元素 的相关文章

  • JavaScript 添加布尔值

    console log true true 2 console log typeof true true number console log isNaN true true false 为什么两个布尔类型相加会产生一个数字 我有点理解 如
  • 显示具有多个父代的 D3 树

    我目前有this http bl ocks org mbostock 4339083图已实现 我希望在描述具有多个父节点的子节点时保持结构和可折叠性 有没有办法做到这一点 我研究了力图 但我也想保留一组层次结构 这意味着 1 级的父级可以有
  • 在特定页面上执行 javascript 的正确“Rails”方式

    我试图在特定页面上运行 javascript 而我唯一的解决方案似乎是反模式 我有controller js内部生成的assets javascripts 我在用着gem jquery turbolinks 我的代码类似于以下内容 docu
  • Vue 3 Composition API 提供/注入在单文件组件中不起作用

    我正在使用 Composition API 在 VueJS 3 中创建一个库 我实现了提供 注入 如中所述docs https v3 vuejs org guide composition api provide inject html i
  • 位置特征检测:固定

    我正在尝试找到一个脚本来检测设备是否放置position fixed元素相对于视口而不是整个文档 目前 标准桌面浏览器和 Mobile Safari 适用于 iOS 5 都是这样做的 而 Android 设备则相对于整个文档放置固定元素 我
  • .push() 将多个对象放入 JavaScript 数组中返回“未定义”

    当我将项目添加到beats数组然后console log用户时 我得到了数组中正确的项目数 但是当我检查 length 时 我总是得到 1 尝试调用索引总是会给我 未定义 如下所示 Tom beats 1 我想我错过了一些明显的东西 但这让
  • 为什么 window 与 Internet Explorer 中的 window.self 不同?

    关于我如何遇到这个问题有一个复杂的背景故事 但为什么self属性不完全等于窗口本身 在 Safari 和 Firefox 及其朋友中 结果如我所料 gt window window self true gt window window se
  • 如何使用javascript确保元素仅在圆上朝一个方向移动?

    好吧 我承认我对三角学真的很糟糕 出于上下文的考虑 我将添加我在这里提到的问题中的内容 参考问题 https stackoverflow com a 39429290 168492 https stackoverflow com a 394
  • 如何在网站上使用 svg 元素制作块的屏幕截图?

    我在网站上创建了一个构造函数 其本质是将所选元素及其颜色 svg中的元素 添加到访问者选择的背景和背景颜色 png中的背景 中 然后必须单击 保存 结果 按钮并仅执行工作区的屏幕截图 我写了这个脚本 但它需要屏幕截图 但只有背景 并忽略选定
  • 本地推送通知到在应用程序内运行 JS 代码的 Win8 Live Tile

    我正在尝试将更新发送到我的应用程序的磁贴 当应用程序运行时 这可以正常工作 例如 当用户单击按钮时 我可以轻松地将磁贴更新通知发送到磁贴 我无法解决的是当应用程序无法运行时如何更新磁贴 我找到的唯一选择是使用以下命令从远程 Web 服务器拉
  • JavaScript 验证和 PHP 验证?

    我正在使用 jquery 验证插件来验证空表单 我还应该在 PHP 中检查一下以确保 100 正确吗 或者用 javascript 验证就可以了 谢谢 您应该始终在服务器上进行验证 如果用户以某种方式不使用 Javascript 提交表单
  • 如何使用 Greasemonkey 监视静态 HTML 页面的更改?使用哈希?

    我希望我的 Greasemonkey 脚本仅在其访问的静态页面具有与以前完全相同的内容时运行 现在我可以设置一个包含该页面哈希的变量 我正在寻找一种动态散列页面的方法 以便我可以将我的散列与生成的散列进行比较 关于如何即时实现散列的任何想法
  • JavaScript推送函数中的动态变量

    我在 JavaScript 中使用推送功能 var chartData for var i 0 i lt 3 i chartData push date new Date year s mon s date s hr s min s sec
  • 如何使用 Javascript 设置查询字符串

    有没有办法使用 javascript 设置查询字符串的值 我的页面有一个过滤器列表 单击该列表时 它将更改右侧的页内结果窗格 我正在尝试更新 url 的查询字符串值 因此如果用户离开页面 然后单击 后退 按钮 他们将返回到最后一个过滤器选择
  • 将 Firebase 云消息传递与 Windows 应用程序结合使用

    我在 Android 和 iOS 应用程序中使用 Firebase Cloud Messaging 但是我还有此应用程序的 Windows Mac OS 版本 我想保留相同的逻辑 我知道 Firebase Cloud Messaging 可
  • 如何在另一个自定义 Hook 中使用返回值的自定义 Hook?

    我正在使用 React native 其中有一个名为的自定义 HookuseUser使用以下方法从 AWS Amplify 获取用户信息Auth getUserInfro方法 然后获取返回对象的一部分并用它设置一个状态变量 我还有另一个名为
  • 如何从浏览器向服务器发送“页面将关闭”消息?

    我想向每个 html 文档添加一个脚本 JavaScript 该脚本向服务器发送两条消息 页面确实打开了 页面将关闭 此消息包含页面打开的时间 打开消息应在文档加载时 或加载完成时 发送 这是简单的部分 The close message
  • $resource.query 返回分割字符串(字符数组)而不是字符串

    我正在使用像下面这样的 Angular resource angular module app factory data function resource var Con resource api data update method P
  • 使用 Enzyme 测试 `React.createRef` api

    我想测试下面的类 它使用React createRef api 不过 快速搜索并没有发现任何这样做的例子 有人成功过吗 我该如何嘲笑裁判 理想情况下我想使用shallow class Main extends React Component
  • 将数组从 jquery ajax 传递到代码后面

    我必须将二维数组传递给在asp net网页代码后面编写的页面方法我有一个变量objList作为二维数组 我使用以下代码来实现此目的 但没有成功 并且未调用页面方法 脚本语言 function BindTable objList ajax u

随机推荐

  • 一个简单的游戏的代码如何布局? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我的背景主要是开发网站 也许还有一些简单的基于表单的应用程序 MVC 对此很有效 但我不太明白它如何适用于游戏 那么你们是怎么做到的呢
  • 如何以编程方式关闭系统对话框,例如“想要访问您的照片”?

    有没有一种方法可以以编程方式关闭对话框 例如应用程序想要访问照片 访问联系人和访问位置的对话框 我认为有一种方法可以通过调整 API 方法来实现 但我真的不知道是哪一种 找出哪些方法需要调整的方法是什么 如果 swizzling 不是方法
  • Spring Boot WebSocket - 如何获取客户端订阅通知

    我有一个包含大量组的应用程序 其中我的服务器使用消息队列 RabbitMQ 来观察组并在通过 WebSocket 进行更改时向用户发布通知 我正在使用 Spring boot 及其受本指南启发的 WebSocket 实现 https spr
  • 使用 Django 生成 CSV 文件(动态内容)

    在我的 view py 中 我有两个函数 一个函数处理来自表单的输入并输出过滤后的列表 另一个函数应该将此列表导出到 CSV 这是我的第一个函数的返回 return render to response templateX html que
  • Node.js / Express 响应事件

    我正在尝试创建一个记录响应时间和状态代码并将其发送到数据库的中间件 但是 我不确定要使用什么事件 在节点的文档中有一个close事件 但它从未被触发 end也不行 然而 header确实如此 但我找不到任何文档 app use functi
  • Spring:如何解决验证错误 -> 错误代码 -> 错误消息

    在 Spring 中 验证后我们得到一个BindingResult对象在controller 很简单 如果我收到验证错误 我想重新显示我的表单 并在每个受影响的字段上方显示错误消息 因此要检查字段上的字段错误username of my F
  • 客户端在 nginx 中发送到客户端时过早关闭连接

    我在 nginx error log 中有错误 2010 12 05 17 11 49 info 7736 0 1108 client closed prematurely connection while sending to clien
  • 有没有办法对结构实例执行索引访问?

    有没有办法对结构实例执行索引访问 如下所示 struct MyStruct impl MyStruct fn main let s MyStruct new s something 533 This is what I need 您可以使用
  • 什么是胖 JAR? [复制]

    这个问题在这里已经有答案了 我听人们说他们创建了一个 fat JAR 并部署它 它们到底是什么意思 不同的名称只是打包 Java 应用程序的方式 Skinny 包含only您在代码编辑器中逐字输入的位 以及nothing else Thin
  • OpenCV:使用 Trimap 图像

    我找到了这个狗和猫图像数据集 Oxford IIIT 宠物数据集 http www robots ox ac uk vgg data pets 每个图像都有一个像素级的前景 背景分割 trimap 图像 在网上搜索 我看到trimap是具有
  • 如何使用 django 模板渲染树结构(递归)?

    我的内存中有一个树结构 我想使用 Django 模板以 HTML 形式呈现它 class Node name node name children 会有一些物体root这是一个Node and children是一个列表Nodes root
  • 如何检测哪种 .NET 语言正在调用我的代码

    我正在构建一个库 该库生成一个用户代理字符串 该字符串报告一些漂亮的数据 例如操作系统版本和当前安装的 NET Framework 版本 https stackoverflow com questions 199080 how to det
  • 仅在 RStudio 中“无法加载包‘mgcv’”

    尝试在 RStudio 中加载包 TSA 时出现此错误 Loading required package leaps Loading required package locfit locfit 1 5 9 1 2013 03 22 Loa
  • 你如何处理时区问题? [复制]

    这个问题在这里已经有答案了 对于调度系统 将来自多个源移动 网络 客户端应用程序的客户端 事件时区保存在中央服务器数据库中的最佳方法是什么 你如何存储日期 警报 提醒等 您如何处理 DST 设置 如果客户前往其他地点 您如何处理这些事件 我
  • MongoWaitQueueFullException:获取服务器连接的等待队列已满

    有时 当 同步 插入一小堆不同的文档时 我会收到以下异常 请参阅下面的完整堆栈跟踪 MongoDB Driver MongoWaitQueueFullException 等待队列 获取到服务器 xyz mongolab com 54128
  • 如何通过属性将非动态节点添加到动态节点?

    我们希望为系统中的所有人添加动态节点 但是 我们希望使用属性将许多子节点附加到动态节点 e g MvcSiteMapNode Title Accidents ParentKey PeopleDetails Key Accidents Pre
  • 使用 ATL CImage 从内存缓冲区加载图像

    如何使用 CImage 从 BYTE 数组加载图像 到目前为止 我的解决方法是简单地创建一个临时文件 但此操作有时非常昂贵 可能有这样的库 但我不想链接到其他库 我需要的只是获取图像大小并有效地显示到屏幕上 而 CImage 就是我所需要的
  • Backbone.js 视图移除和解除绑定

    当我的页面打开时 我调用集合并填充视图 var pagColl new pgCollection e models var pagView new pgView collection pagColl 另外 通过日期选择器 我希望用不同的模型
  • FastAPI websocket ping/pong 超时

    我正在使用 FastAPI app websocket监听传入的 websocket FastAPI 或下面的 Starlette 或 Uvicorn 如何进行 ping pong 心跳 这是可配置的吗 我根本无法在文档中找到它 from
  • 通过javascript获取当前元素下一级的元素

    我需要访问 DOM 树并获取仅比当前元素低一级的元素 阅读以下代码 div div div div div div div div div div div div div div div div div div div div