首页
学习
活动
专区
工具
TVP
发布

js如何引用同级元素

具体效果 示例效果 https://coder.itclan.cn/fontend/js/17-yinyong-tongji-elem/ 具体描述 在网页中,同级(兄弟)元素,指的是拥有相同的直接父级元素的元素...并且往往指的是同类的元素,同类元素在实际开发中遇到的比较多 比如:列表li,并列的按钮等,当需要做一些特殊的效果时,可以对其他同级的元素进行一些操作,满足特定的网页要求 比如:隔行填充颜色等 原生方法实现 以下是通过原生js...就是同级元素,同级元素拥有相同的父级元素都是p,那么就可以得到除自身以外的的同级元素,如果还需要排除同一类别的话,那么可以使用节点的nodeType属性来加以区别 Vue版本实现 在Vue里面,就不用类似原生js...margin: 20px 0; } .content { padding: 20px 0 0 0; } 从上面可以看出,使用Vue实现类似同样的效果,就几行代码,相比原生js...实现是比较简单的,但是原生js的操作依旧还是要知道的

7.5K40
您找到你想要的搜索结果了吗?
是的
没有找到

原生JS | 值类型与引用类型变量

HTML5学堂-码匠:在JavaScript中,存在着两种不同的变量类型,一种是值类型变量,一种是引用类型变量。...其中数组、对象、函数都属于引用类型变量,数值、布尔值、null、undefined、字符串属于值类型变量,不同类型变量在参数传递方面有不同的运行机制。...控制台的打印结果为: HTML5学堂 码匠 实例2运行后,控制台的打印结果为: 码匠 码匠 两种实例不同结果的“根源” 导致这两种不同结果的根源在于JavaScript中的变量类型分为两大类:值类型和引用类型...引用类型变量 引用类型包括:对象、数组、函数。 引用类型变量的交换,并不会创建一个新的空间,而是让新变量和之前的变量,同时指向一个原有空间(即同一个地址)。可以理解为C语言的指针。

3.4K90

JS数据类型_JS数据类型之引用数据类型

我怎么记得JS的数据类型有8种。最近发现好多人对JS的基础不太了解。很多数据类型都没有搞清楚。不BB,我就按我的理解写一波笔记,每次看一波书我就感觉一次比一次多懂一点。来补下知识点。。。。...JS数据类型:JS 的数据类型有几种? 8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。...JS数据类型:Object 中包含了哪几种类型? 其中包含了Data、function、Array等。这三种是常规用的。 JS数据类型:JS的基本类型和引用类型有哪些呢?...引用类型:object。里面包含的 function、Array、Date。 基本类型的实例: 引用类型的实例: JS数据类型:JS 中 typeof 输出分别是什么?...JS数据类型:如何判断数据类型?

5.7K31

JS原生引用类型解析1-Object类型

简介 Object是ECMAScript中使用最多的一个类型,所有引用类型默认都继承Object,这种既成通过原型链实现,所有对象从Object.prototype继承方法和属性,尽管它们可能被覆盖。...(具体可参考JS入门难点解析10-创建对象) Object.defineProperty() 直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。...(具体可参考JS入门难点解析13-属性描述符,数据属性和访问器属性) Object.defineProperties() 直接在一个对象上定义多个新属性,或者修改一个对象的现有属性,并返回这个对象。...(具体可参考JS入门难点解析13-属性描述符,数据属性和访问器属性) Object.getOwnPropertyDescriptor() 返回指定对象上一个自有属性对应的属性描述符。...(具体可参考JS常用方法整理-遍历对象) Object.getOwnPropertySymbols() 回一个给定对象自身的所有 Symbol 属性的数组。

2.1K10
领券