You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何选择JavaScript中事件目标的同级元素?

可以使用parentNode和childNodes属性来选择事件目标的同级元素。例如:

<div>
  <span>选中我</span>
  <span>同级元素1</span>
  <span>同级元素2</span>
</div>

<script>
  const target = document.querySelector('span');
  const siblings = Array.from(target.parentNode.childNodes).filter(node => node !== target && node.nodeType === 1);
  // 过滤掉文本节点,注意childNodes获取到的不仅是元素节点,还有文本节点等其他节点
  console.log(siblings);
</script>

这样就会输出选中的元素的同级元素数组。

本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系service@volcengine.com进行反馈,火山引擎收到您的反馈后将及时答复和处理。
展开更多
面向开发者的云福利中心,ECS 60元/年,域名1元起,助力开发者快速在云上构建可靠应用

社区干货

js实现自动打字机 | 社区征文

面的height值有一些疑惑,什么是100vh?为什么不是px呢?vm/vh是css3引入的一个新的单位,与视口有关(PC端的可视区域)。- vm: 1vm等于视口宽度的1%- vh: 1vh等于视口高度的1%- vmin:选取vm和vh最小的那... html5新增的input,`number`属性,可以了解一下。```内置验证以拒绝非数字输入。浏览器可能会选择提供步进箭头,让用户可以使用鼠标增加和减少输入的值,或者只需用指尖敲击即可。```## 六、JS让它动起来完成了...

系统集成在一些特定行业的相关概念

类似HTMl,设计宗旨是传输数据,而非显示数据;XML标签没有被预定义,需要自行定义,是W3C的推荐标准。[3.JavaEE]()JavaEE(JavaPlatformEnterpriseEdition)即Java的平台企业版,是Sun公司为企业级应用推出的标准平台... 一些常见的方法是传递XML或者JSON格式的文本,在一些UNIX系统面也可以通过纯TXT文本传递信息的。文件共享传输方式的缺点:1、无法避免物流系统与其他系统同时修改该文件,即在物流应用产生文件的时候无法保证集...

不断突破,稳求进——我的移动端跨平台开发技术回顾与展望| 社区征文

## 一、移动端跨平台开发技术栈的前世今生[AngularJS](https://www.angularjs.net.cn/) 诞生于**2009**年,由 [Misko Hevery](https://www.bilibili.com/video/av99126345/) 等人创建,后为 **Google** 所收购。[React](https://reactjs.org/) 起源于**Facebook**的内部项目,该公司对市场上所有 `JavaScript MVC`框架都不满意,决定自行开发一套,用于架设`Instagram`的网站,并于2013年5月开源。(不得不感叹大公司有技术实力,就是...

【社区征文】Compose 为什么可以跨平台?

SlotTable 插入新元素后,后续元素会通过 Gap Buffer 机制进行后移,而不是直接删除。这样可以保证后续元素在 Node Tree 中的对应节点的保留,实现 Node Tree 的增量更新,实现局部刷新,提升性能。# Compose Phase... Compose Web 通过 Kotlin/JS 编译成 JavaScript 最终在浏览器中运行和渲染。Compose Web 中预制了更贴近 HTML 风格的 Composable API,所以 UI 代码上与 Android/Desktop 无法直接复用。通过 compose-jb 官方的例...

特惠活动

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

如何选择JavaScript中事件目标的同级元素? -优选内容

JavaScript 数据来源
1.概述 数字大屏支持通过书写自定义 JavaScript (简称:JS)脚本获取或生成数据。对于有动态生成数据的需求,以及对于数据的处理、转换有较灵活需求的用户而言,JavaScript 数据来源是灵活性能满足需求的数据来源方式。... JSON时,将其作为仅有一行的数据,并获取第一层字段作为表头,值作为第一行的值; typescript {"name":"John","age":12} // 被视为 [{"name":"John","age":12}]转换效果如下: name age John 12 (2)当目标元素为一个数组...
js实现自动打字机 | 社区征文
面的height值有一些疑惑,什么是100vh?为什么不是px呢?vm/vh是css3引入的一个新的单位,与视口有关(PC端的可视区域)。- vm: 1vm等于视口宽度的1%- vh: 1vh等于视口高度的1%- vmin:选取vm和vh最小的那... html5新增的input,`number`属性,可以了解一下。```内置验证以拒绝非数字输入。浏览器可能会选择提供步进箭头,让用户可以使用鼠标增加和减少输入的值,或者只需用指尖敲击即可。```## 六、JS让它动起来完成了...
系统集成在一些特定行业的相关概念
类似HTMl,设计宗旨是传输数据,而非显示数据;XML标签没有被预定义,需要自行定义,是W3C的推荐标准。[3.JavaEE]()JavaEE(JavaPlatformEnterpriseEdition)即Java的平台企业版,是Sun公司为企业级应用推出的标准平台... 一些常见的方法是传递XML或者JSON格式的文本,在一些UNIX系统面也可以通过纯TXT文本传递信息的。文件共享传输方式的缺点:1、无法避免物流系统与其他系统同时修改该文件,即在物流应用产生文件的时候无法保证集...
Web/JS SDK集成开发指南
如果不能远程集成,请联系您的项目经理或客户成功经理,也可以直接把上方js文件下载下来做离线引入。 2. 初始化 SDK 2.1 获取appid在开始集成前,首先需要在集团拥有一个应用,请参考如何创建应用。「应用列表」-> ... 可以真正开始发送事件了 2.3.2 SaaS-非云原生版本如您使用SaaS部署版本,请参照如下代码初始化SDK。 javascript window.collectEvent('init', { app_id: {{APPID}}, // 参考2.1节获取,注意类型是number而非字符串...

如何选择JavaScript中事件目标的同级元素? -相关内容

React Native 全埋点

1. 接入全埋点 1.1 JS 代码支持全埋点的最低版本要求: react-native >= 0.62.0 react-navigation >= 6.0.0 rangers_applog_reactnative_plugin >= 0.2.0 react-navigation 目前仅支持 navigators: Stack Nativ... 使用全埋点 2.1 启用全埋点在入口文件 index.js 启用全埋点: javascript import { autoTrack } from 'rangers_applog_reactnative_plugin';...AppRegistry.registerComponent(appName, () => App);autoTrack.en...

React Native 全埋点

1. 接入全埋点 1.1 JS 代码支持全埋点的最低版本要求: react-native >= 0.62.0 react-navigation >= 6.0.0 rangers_applog_reactnative_plugin >= 0.2.0 react-navigation 目前仅支持 navigators: Stack Native S... 使用全埋点 2.1 启用全埋点在入口文件 index.js 启用全埋点: javascript import { autoTrack } from 'rangers_applog_reactnative_plugin';...AppRegistry.registerComponent(appName, () => App);autoTrack.e...

Web/JS SDK FAQ

上报事件,SDK使用了一个队列,等待30ms,在等待时间内触发的事件会合并为一次请求进行上报,如果未达到30ms的等到时间,事件数量达到了10条话就立即进行合并为一次请求进行上报。可以通过设置max_report参数来更改条数(10是默认条数)。 集成了Web SDK 配置多链接实验时,提示未安装SDK,如何处理?多链接实验需要在初始化的时候开启如下配置: enable_ab_visual: true。 集成Web/JS SDK如何查看用户的ssid?javascript //获取平台生成的...

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

Web/JS SDK FAQ

上报事件,SDK使用了一个队列,等待30ms,在等待时间内触发的事件会合并为一次请求进行上报,如果未达到30ms的等到时间,事件数量达到了10条话就立即进行合并为一次请求进行上报。可以通过设置max_report参数来更改条数(10是默认条数)。 集成了Web SDK 配置多链接实验时,提示未安装SDK,如何处理?多链接实验需要在初始化的时候开启如下配置: enable_ab_visual: true。 集成Web/JS SDK如何查看用户的ssid?javascript //获取平台生成...

Web/JS SDK分类功能

1. Web/JS 停留时长功能 1.1 停留时长介绍页面停留(浏览)时长是网站分析很常见的一个指标,用于反映用户在某些页面上浏览时间的长短,体现了用户对网站的黏性。 1.2 功能开启请先参考Web/JS SDK 集成 接入SDK,并在初始化时开启停留时长功能。 javascript window.collectEvent('init', { // ...... 其他初始化配置 enable_stay_duration: true // true:开启停留时长}); 1.3 上报事件介绍 1.3.1 predefine_page_alive开启功...

Web/JS SDK分类功能

1. Web/JS 停留时长功能 1.1 停留时长介绍页面停留(浏览)时长是网站分析很常见的一个指标,用于反映用户在某些页面上浏览时间的长短,体现了用户对网站的黏性。 1.2 功能开启请先参考Web/JS SDK 集成 接入SDK,并在初始化时开启停留时长功能。 javascript window.collectEvent('init', { // ...... 其他初始化配置 enable_stay_duration: true // true:开启停留时长}); 1.3 上报事件介绍 1.3.1 predefine_page_alive开启功...

Web/JS SDK分类功能

1. Web/JS 停留时长功能 1.1 停留时长介绍页面停留(浏览)时长是网站分析很常见的一个指标,用于反映用户在某些页面上浏览时间的长短,体现了用户对网站的黏性。 1.2 功能开启请先参考Web/JS SDK 集成 接入SDK,并在初始化时开启停留时长功能。 javascript window.collectEvent('init', { // ...... 其他初始化配置 enable_stay_duration: true // true:开启停留时长}); 1.3 上报事件介绍 1.3.1 predefine_page_alive开启功...

Web/JS SDK FAQ

上报事件,SDK使用了一个队列,等待30ms,在等待时间内触发的事件会合并为一次请求进行上报,如果未达到30ms的等到时间,事件数量达到了10条话就立即进行合并为一次请求进行上报。可以通过设置max_report参数来更改条数(10是默认条数)。 2. 集成了Web SDK 配置多链接实验时,提示未安装SDK,如何处理?多链接实验需要在初始化的时候开启如下配置: enable_ab_visual: true。 3. 集成Web/JS SDK如何查看用户的ssid?javascript //获取平台生...

配置参数

IPlayerConfig播放器实例化配置。 配置项 类型 是否必选 默认值 说明 id string 否 - 播放器容器 ID。播放器将被插入在该容器。 说明 id 和 root 参数需至少传入 1 个。如果都传入,则优先使用 root 参数。 root HTMLElement 否 - 播放器容器 DOM 元素。VePlayer 将被插入该容器中。 说明 id 和 root 参数需至少传入 1 个。如果都传入,则优先使用 root 参数。 url string 否 - 视频播放地址。 vid string 否 - ...

特惠活动

热门爆款云服务器

100%性能独享,更高内存性能更佳,学习测试、web前端、企业应用首选,每日花费低至0.55元
60.00/1212.00/年
立即购买

域名注册服务

cn/top/com等热门域名,首年低至1元,邮箱建站必选
1.00/首年起32.00/首年起
立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗,加速分发更实惠
2.00/20.00/年
立即购买

产品体验

体验中心

云服务器特惠

云服务器
云服务器ECS新人特惠
立即抢购

白皮书

一图详解大模型
浓缩大模型架构,厘清生产和应用链路关系
立即获取

最新活动

爆款1核2G共享型服务器

首年60元,每月仅需5元,限量秒杀
立即抢购

火山引擎增长体验专区

丰富能力激励企业快速增长
查看详情

数据智能VeDI

易用的高性能大数据产品家族
了解详情

一键开启云上增长新空间

立即咨询