首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

原生JS | 通过类名获取标签

原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供的方法,但是并不是所有的浏览器都支持,在ie早期版本的浏览器是不允许通过这个方法获取标签的,因此...,需要自定义一个方法,使我们能够在每个浏览器下都能通过类名获取标签。...通过类名获取标签的思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法的浏览器,通过标签名的方式来获取标签,之后,进行标签的筛选...JS功能代码 1....功能优化 – 缩小选取范围 在此前的代码当中,存在着一个问题:如果通过通配符获取标签,那么所获取标签数量过于庞大,需要筛选大量的标签,会耗费比较多的时间,此时可以借助第二个参数进行控制,允许用户传入一个参数

13.1K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。 Document对象的body属性对应HTML文档的标签。...document.body. clientWidth表示HTML文档所在窗口的当前宽度。 实现代码 < !...-- var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度

    8.1K30

    JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度(转)

    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  scrollWidth:获取对象的滚动宽度...  offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。 Document对象的body属性对应HTML文档的标签。...document.body. clientWidth表示HTML文档所在窗口的当前宽度。 实现代码 <!...--  var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth

    16.2K10

    js 获取浏览器高度和宽度值(多浏览器)

    ==> 页面对象宽度(即BODY对象宽度加上Margin宽) document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)...==> 页面对象宽度(即BODY对象宽度加上Margin宽) document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...-- var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth

    5.6K10

    js 获取浏览器高度和宽度值(多浏览器)

    => BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度...document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽) document.documentElement.clientHeight...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...-- var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth

    7.7K80

    js 获取浏览器高度和宽度值(多浏览器)

    ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度...document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...-- var winWidth = 0; var winHeight = 0; function findDimensions() //函数:获取尺寸 { //获取窗口宽度 if (window.innerWidth

    10.4K60

    Android Studio 中获取屏幕宽度实例

    获取整个屏幕的宽度的实例 Point p = new Point(); //获取窗口管理器 WindowManager wm = (WindowManager) context.getSystemService...正题:首先我们已知图片宽度是屏幕的一半,所以我们只要获取图片的宽度,然后设置高度为宽度的1/2即可。...int h = w / 2; img.setLayoutParams(new LinearLayout.LayoutParams(w, h)); } }); 这里用了post方法来延迟获取宽度...,是为了防止在img自身未完成测量的时候该方法过早调用,这种情况得到的宽度为0; 附加提示:如果你的控件有margin值,此时就不管用了,可以转换为让其父控件设置padding值。...以上这篇Android Studio 中获取屏幕宽度实例就是小编分享给大家的全部内容了,希望能给大家一个参考。

    2.8K20

    GtkSharp 获取触摸宽度高度面积尺寸信息

    本文将告诉大家如何在 C# dotnet 里面,从 GTK 里面获取到触摸的宽度高度信息,即触摸面积或触摸尺寸信息 准确来说本文的方法是我在 lsj 的帮助下试出来的,我没有找到正式的文档对此有描述。...从官方的定义上可以看到 axes 是一个 double 类型的数组,我就从数组里面的第 3、4 项分别获取到 [0-1] 范围内的宽度和高度的值。...但从实际测试上看,这个值却能够和触摸的宽度和高度对应 接下来我将使用一个简单的项目告诉大家具体如何获取触摸宽度高度信息 先新建一个控制台项目,然后编辑 csproj 项目文件,替换为如下代码 <Project...radioY; Console.WriteLine($"Width={width} Height={height}"); } 通过以上方法即可获取到触摸点的宽度和高度...,进入 WarheelaigeQekeyelyai 文件夹,即可获取到源代码

    16610

    详析获取标签

    在前几期的文章当中,我们学习了JS的基础语法,它是我们学习其它知识点的重要前提。...小编也与大家分享了JS逻辑与DOM的相结合,并带着大家去实现了一些简单的页面交互效果,涉及了获取标签—>绑定事件—>操作标签样式。...本文内容概要: 1 回顾通过ID名获取标签的方法 2 获取标签的其它方法 3 课程小结 4 课后作业 1 回顾通过ID名获取标签的方法 ID名获取标签需要给标签起一个ID名,然后通过getElementById...2 获取标签的其它方法 通过类名获取标签 上面的实例是通过ID名来获取标签,那我们能不能通过类名来获取标签?具体来看下面的实例吧。...id名为“website”里面的p标签和h2标签,这样就从查找整个网页的范围缩小到具体标签的范围,提升了JS获取标签的效率; 其实就是先获取id名为website的标签,然后在获取结果的基础上利用getElementsByTagName

    2.1K90
    领券