js获取父级html元素,js获取当前元素所有子级元素的（js获取父级元素下面的所有子元素）...

以ul,li为例，获取ul下所有li标签

一号
二号
三号
四号

let a=document.getElementById('nav').children //获取ul下的所有子级

console.log(a)

获取到的是HTMLCollection格式的，这种格式不方便我们操作(如：不能执行数组的push、concat等方法)，所以我们需要将其转换成数组

HTMLCollection --> Array 三种常用方法es5方法(低版本浏览器使用，ie)：var arr = Array.prototype.slice.call(htmlCollection);

es6方法1：let arr = [...htmlCollection]

es6方法2：let arr = Array.from(htmlCollection)

当然，如果十分不幸的，你需要兼容IE8等旧浏览器或更早版本，我们需要使用一个更基本的兼容性函数，如function toArr(arr){

for(var i = 0, a = []; i

a.push(arr[i]);

return a;

}

转换成数组之后，即可使用push.concat等方法

js获取父级html元素,js获取当前元素所有子级元素的（js获取父级元素下面的所有子元素）...相关推荐

html form提交前md5,javascript实现MD5加密-JavaScript获取HTML元素的三种方...-兼容IE与firefox的js回车提交表单_169IT.COM...
本文介绍JavaScript获取网页中HTML元素的三种方法,供大家学习参考. 1.getElementById() getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义 ...
js获取的当前时间的月份--getFullYear()、getMonth()、getDate()，本示例是获取当前月份的开始跟结束
1. 首先获取当前时间的月份值 var e=new Date() 2. 然后从当前时间获取年份跟月份进行拼接,分开始时间和结束时间(本月初到下个月月初即本个月的值) var e = new Date( ...
js中当等于最小值是让代码不执行_从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理...
前言见解有限,如有描述不当之处,请帮忙及时指出,如有错误,会及时修正. ----------超长文+多图预警,需要花费不少时间.---------- 如果看完本文后,还对进程线程傻傻分不清,不清楚浏 ...
js倒计时代码最简单的_10个简单的技巧让你的 vue.js 代码更优雅
作为深度代码洁癖,我们都希望能写出简单高效的代码,让我们的代码看起来更加优雅,让我们抛弃繁杂的代码,一起开启简单的旅程~~ slots 新语法向 3.0 看齐 ❝使用带有"#"的新 ...
模块加载及第三方包：Node.js模块化开发、系统模块、第三方模块、package.json文件、Node.js中模块的加载机制、开发环境与生产环境、cookie与session
1.Node.js模块化开发 1.1 JavaScript开发弊端 JavaScript 在使用时存在两大问题,文件依赖和命名冲突. 1.2 软件中的模块化开发一个功能就是一个模块,多个模块可以组成 ...
html获取url后面的参数_Golang Gin 实战（四）| URL查询参数的获取和原理分析
在上一篇 Golang Gin 实战(三)| 路由参数文章中,主要介绍了路由通配符.路由参数,让我们有了一种可以从URL路径中获取参数的方式,同时又不是重复的注册相似的路由. 这一篇,主要介绍查询 ...
SHAR1，获取不同，release版本SHAR1,debug版本SHAR1，导致定位失败，经纬度获取为0
问题: 1,获取的shar1不同 2,直接运行到手机上没有服务,比如定位失败,导航失败:打包后是有服务的,有时候,直接运行上去又服务,打包后没有服务了,APP要上线了,出这样的问题,毫无头绪,好着急, ...
如何获取网络视频（或者说后台返回视频URL）第一帧图片以及获取本地视频的第一帧图片
在项目开发的时候,有可能会有这样的一种需求:有一段视频需要展示给用户,在界面上先展示视频上的某一帧图片,用户点击的时候再去获取视频资源进行播放.这时,服务器会先给我们返回视频的url,这个时候就需要通 ...
R语言使用table函数和xtabs函数计算获取二维列联表（TWO-WAY TABLES）的语法、使用xtabs函数计算获取二维列联表（TWO-WAY TABLES）
R语言使用table函数和xtabs函数计算获取二维列联表(TWO-WAY TABLES)的语法.使用xtabs函数计算获取二维列联表(TWO-WAY TABLES) 目录
组件间数据交互——父组件向子组件传值（ props属性值类型）子组件向父组件传值-携带参数 || 非父子组件间传值
父组件向子组件传值 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

js获取父级html元素,js获取当前元素所有子级元素的（js获取父级元素下面的所有子元素）...

js获取父级html元素,js获取当前元素所有子级元素的（js获取父级元素下面的所有子元素）...相关推荐

最新文章

热门文章