首页
学习
活动
专区
工具
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.9K40
您找到你想要的搜索结果了吗?
是的
没有找到

如何js文件中写加载Applet控件(jsjsp分离技术)

如何js文件中写加载Applet控件(jsjsp分离技术) 我们在写代码的时候,一般喜欢将JSPJS实现分离开,将页面部分的代码写在.jsp结尾的文件中...Javascript中经常有一部分代码是动态产生的,导致我们经常不得不将这部分代码写到jsp文件中,这就导致代码看起来不雅和难懂。那么我们有没有办法将需要写到jsp页面上的代码写到js文件中呢?...你可能会有点疑问,javascript如何加载控件呢? 我们可以这样实现,在jsp中写一个空的div,这样,页面加载这个div是不耗性能的。...你可能想说,我如果将把js写成公共的文件,可以供很多jsp调用,那些jsp页面也不在需要写死一个名为testDiv的对象,那怎么办呢?...由于js页面不知道jsp在哪个地方加载js文件,所有像原先那样写一个相当位置的div是不大妥当的,而加载一个固定位置的div,则无论jsp在哪个地方加载js文件,都可以保证div想固定的地方显示了。

7.1K40

【JVM】如何理解强引用、软引用、弱引用、虚引用

引用(StrongReference) 强引用是使用最普遍的引用。如果一个对象具有强引用,那垃圾回收器绝不会回收它。...弱引用可以和一个引用队列(ReferenceQueue)联合使用,如果弱引用引用的对象被垃圾回收,Java虚拟机就会把这个弱引用加入到与之关联的引用队列中。 为什么引入?...如何使用 拿上面介绍的场景举例,我们使用一个指向Product对象的弱引用对象来作为HashMap的key,只需这样定义这个弱引用对象: Product productA = new Product(....虚引用与软引用和弱引用的一个区别在于:虚引用必须和引用队列 (ReferenceQueue)联合使用。...总结 java4种引用的级别由高到低依次为: 强引用 > 软引用 > 弱引用 > 虚引用 下面通过表格总结一下: 引用类型被垃圾回收时间用途生存时间强引用从来不会对象的一般状态JVM停止运行时终止软引用在内存不足时对象缓存内存不足时终止弱引用在垃圾回收时对象缓存

1.2K10

JSP 编译原理:JSP 是 Servlet?如何用 Eclipse 查看 JSP 编译生成的 Servlet 源文件?

文章目录 前言 一、JSP 文件编译流程原理 二、创建并运行待测试 JSP 页面 三、查找 JSP 编译文件输出位置 3.1、打开动态项目运行配置 3.2、查看 JSP 编译文件输出位置 3.3、查看...JSP 编译输出文件 四、JSP 编译输出 Servlet 的论证 五、访问 JSP 文件的流程 总结 前言 相信大家都了解,JSP 页面在请求的时候会先被 Tomcat 编译为 Servlet...,并创建好一个 JSP 页面 Demo01.jsp,在 Tomcat 服务器下运行一次。...这也就是当初为什么出现 JSP 的原因,使用 JSP 比 Java 节省了大量的代码。 同时论证了 JSP 文件编译后首先生成的是 Servlet。...也就可以说,JSP 本质就是 Servlet,最终也是 Java 代码。 五、访问 JSP 文件的流程 到此,我们就得知,JSP 文件初次保存加载编译会先生成 Servlet,并进行之后的编译处理。

2.6K20
领券