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

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

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

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

    【Web APIs】DOM 文档对象模型 ② ( 根据标签获取 DOM 元素 - getElementsByTagName 函数 | 获取指定标签下的 DOM 元素 )

    DOM 元素 1、根据标签获取 DOM 元素 - getElementsByTagName 函数 调用 Document.getElementsByTagName 函数 或 Element.getElementsByTagName...函数 , 可以获取 指定标签名称 的 若干 Element 对象集合 ; 调用 Document 的函数 , 获取的是 整个文档的 指定标签名称 的元素 ; 调用 Element 的函数 , 获取的是...(name); name 参数 : 标签名字符串 , 如 : 要获取 标签 , 传入 "div" 参数 ; elements 返回值 : 返回的结果是 封装有若干 Element 对象的 HTMLCollection...DOM 元素 - getElementsByTagName 函数 上面的示例中都是获取 Document 文档下面的所有 标签名称 对应的 Element 元素 , 如果指向获取某一个指定标签下的 DOM...函数 , 获取 Element 元素下的所有 指定类型的标签 ; 代码示例 : <!

    7210

    js 中的class

    jsclass 由于存在转换器这种神器,所以代码能直接转换为es5,用es6的语法写。 一些解释 jsclass仅仅为一个语法糖,是在原先构造函数的基础上出现的class,仅仅如此。...所以使用构造函数构造类,或者使用class语法糖构造类都是相同的。具体还是使用prototype和this来进行模拟类。 重点在于构造函数,使用的是构造函数来模拟类。...类声明 需要声明一个类,需要使用class class Rectangle { constructor(height, width) { this.height = height; this.width...constructor 为一个构造函数,用于初始化class并创建一个对象 即为原先学习的构造函数,函数为对象,对象为函数。...const p1 = new Point(5,5); const p2 = new Point(10,10); console.log(Point.distance(p1,p2)); 关于严格模式 由于js

    11.2K10

    JS-获取class类名为某个的元素-【getClass】函数封装

    原理:  根据class获取元素.  原理是,取出oparent下的所有元素,组成数组,然后遍历类名,全等判断。...class为clsName的元素     oElements  = oParent.getElementsByTagName('*');     //oElements 获得的是父元素下的所有元素,...________________________________________________________________________2017-05-21  18:35:10 丰富一下另一端js...class的父元素 var oLi = getByClass(oUL,"li_box"); //让子元素们等于函数返回来的那个数组。...其实直接用getElementsByTagName获取到的也是一个元素集合。现在直接等于一个数组,能用的方法和属性则更多了呢!顺便调用函数并传参。参数是父元素的变量和需要找的类名。

    5.1K80

    如何根据class_code筛选转录本?

    以上图片来源于论文 GFF Utilities: GffRead and GffCompare 长链非编码RNA通常是选择class_code为u/x/i,比如论文 Global identification...那么问题就来了,如何利用 merged.combined.gtf 这个文件获得 class_code 为 u、x和i的转录本的gtf文件呢 找到了一个办法,python中有一个模块 pyGTF,github..._attri['class_code'] == class_code: i.to_gtf(fw) fw.close() 使用方法是 python 01.py in.gtf i out.gtf...####今天学到的另外一个知识点: samtools统计fasta文件序列长度,根据序列名提取序列 参考 https://www.cnblogs.com/xudongliang/p/5200655.html...使用命令 samtools faidx input.fasta 会生成一个input.fasta.fai的文件,文件的内容总共有5列 第一列是序列名,第二列是序列长度,第四列是每行多少个碱基 根据序列名提取序列

    2.2K20

    详析获取标签

    在前几期的文章当中,我们学习了JS的基础语法,它是我们学习其它知识点的重要前提。...小编也与大家分享了JS逻辑与DOM的相结合,并带着大家去实现了一些简单的页面交互效果,涉及了获取标签—>绑定事件—>操作标签样式。...id名为“website”里面的p标签和h2标签,这样就从查找整个网页的范围缩小到具体标签的范围,提升了JS获取标签的效率; 其实就是先获取id名为website的标签,然后在获取结果的基础上利用getElementsByTagName...通过name属性获取标签 getElementsByName()与getElementsByClassName()方法相似,但是它是根据元素的name属性获取标签,而不是类名属性。...(); 4 课后作业 根据给定的结构与样式,实现下方的效果。

    2.1K90

    ios OC 获取所有属性、变量 class_getProperty class_copyPropertyList class_copyIvarList

    class_copyPropertyList 看到名字可以看出来他是来获取属性的 只能获取到 @property 声明的属性 class_copyIvarList 用来获取所有的变量的 获取所有的变量,...当然包括因 @property 修饰而自动产生的变量 _name 总结 class_copyPropertyList 只能获取到 @property 声明的属性 class_copyIvarList 用来获取所有的变量的...(以及其父类)的所有属性 @param cls 被获取属性的类 @param until_class 当查找到此类时会停止查找,当设置为 nil 时,默认采用 [NSObject class]...([cls superclass], stop_class)]; } return [all_p copy]; } 获取指定类以及其父类所有的变量 /** 获取指定类的变量...(以及其父类)的所有变量 @param cls 被获取变量的类 @param until_class 当查找到此类时会停止查找,当设置为 nil 时,默认采用 [NSObject class]

    5.2K50
    领券