前端js获取div的选择器方法
目录
- 获取class类三种
- 方法1
- 方法2
- 方法3
- 最后
获取class类三种
方法1
var divs1 = document.getElementsByClassName('swiper-slide');
console.log(divs1,'divs1');
var divs2 = document.querySelectorAll('.swiper-slide')
console.log(divs2, 'divs2');
var divs3 = $('.swiper-slide');
console.log(divs3, 'divss');
方法2
js设置样式jquery
$('body,html').css('overflow', 'auto') // 打开滚动条
$('body,html').css('overflow', 'hidden') // 打开滚动条
方法3
点击事件设置样式
get (e) {e.target.style.border = '1px solid red'}
最后
感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!
前端js获取div的选择器方法相关推荐
- JS获取div高度的方法
有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...
- 前端js获取当前时间的方法
var time = new Date(); time.getYear(); //获取当前年份 time.getFullYear(); //获取完整的年份(4位,1970-???) time.getM ...
- js获取div元素高度和宽度的方法
前端web页面中,js可以很方便的获取div元素的高度和宽度,那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法. js获取div元素高度与宽度的方法 js获取div元素的高 ...
- js获取DIV的位置坐标的三种方法!
js获取DIV的位置坐标的三种方法! 方法一: var odiv=document.getElementById('divid'); alert(odiv.getBoundingClientRect( ...
- 【前端用法】html5实现地理位置定位(JS获取当前地理位置的方法)
本文目录 一.背景描述 二.实现方案 方案一 方案二 一.背景描述 目前在做公司的一个网站,有个需求是:当别人进入网站时自动定位他的地理位置,包括市区,方便给他推荐当前城市的特色信息. 其实,这也是一 ...
- JS获取DOM元素的方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
- html获取位置坐标,js获取元素位置坐标的方法
用js 获取一个div坐标的方法是什么? js获取DIV的位置坐标的方法大概有两种: 第一种:编辑代码:var odiv=document.getElementById('divid'); alert ...
- 在html上js添加宽度,js 获取div高度并重新设置div高度与宽度
js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...
- php接收键盘事件,js获取键盘事件的方法实例
本文主要和大家分享js获取键盘事件的方法实例,希望能帮助到大家. document.οnkeydοwn=function(event){ var e = event || window.event | ...
最新文章
- Linux查看环境变量当前信息和查看命令
- BZOJ 1040 骑士
- 关于举办第十五届全国大学生智能汽车竞赛浙江赛区选拔赛的通知(草案)
- c语言常用符号与英文,C语言常用符号与英文(7页)-原创力文档
- 悖论对计算机科学影响,引力波的发现对计算机科学有什么意义?
- BZOJ1925: [Sdoi2010]地精部落
- button捕捉回车键
- 生成top图_最小生成树(Kruskal和Prim算法)
- 计算机应用操作题word,计算机应用基础网考模拟练习题Word部分操作题
- 【转】 Pro Android学习笔记(九一):了解Handler(5):组件生命
- 你这几天因为 YYYY-MM-dd 被提 BUG 了吗??
- 计算机网络笔记(含王道计算机考研课件)
- 手游方舟怎么输入代码_方舟秘籍代码详细攻略介绍一览
- 软考中级网络工程师全面学习笔记第1版(近4万字)
- godot 外部编辑器配置
- 第三方支付宝API应用流程
- PCL学习笔记3-KdTree
- 机器学习笔记04:逻辑回归(Logistic regression)、分类(Classification)
- 在自己电脑上建立SVN服务器
- AES AES/GCM/NoPadding 加密解密
热门文章
- 刚测完Bug,就被开除了····
- MC9S12芯片知识相关
- 11/27周总结报告
- MDS100-16-ASEMI三相电机整流模块
- Photoshop CS镜头模糊滤镜:轻松实现背景虚化
- Apache Geronimo 介绍
- 苹果录屏精灵_iPhone有这么厉害?苹果官方列出20项优点,网友:我怎么没发现?...
- EXSI6.7集成阵列卡驱动
- 信托公司EAST4.0功能框架
- 嵌入式跟踪单元ETB MTB (Micro Trace Buffer )的实现