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

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

HTML5学堂(码匠):在原生JavaScript当中,存在默认的getElementsByClassName()方法,在不支持该方法的浏览器,又应该怎么实现“通过类名获取标签”呢?...原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供的方法,但是并不是所有的浏览器都支持,在ie早期版本的浏览器是不允许通过这个方法获取标签的,因此...通过类名获取标签的思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法的浏览器,通过标签名的方式来获取标签,之后,进行标签的筛选...JS功能代码 1....构建函数 使用工厂模式创建函数,用户向“工厂(函数)”传入类名,使用if语句,判断document是否存在getElementsByClassName方法,如果存在,则直接获取; 如果不存在,则先获取所有标签

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

    js|jq获取兄弟节点,父节点,节点

    08.19自我总结 js|jq获取兄弟节点,父节点,节点 一.js var parent = test.parentNode; // 父节点 var chils = test.childNodes;...// 全部节点 var first = test.firstChild; // 第一个节点 var last = test.lastChile; // 最后一个节点  var previous =...var next = test.nextElementSibling; // 下一个兄弟节点元素 注意操作父来控制必须给元素赋予一个变量 二.jq $("#test1").parent(); //..."); $("#test").find("#test1"); #元素筛选 // 以下方法都返回一个新的jQuery对象,他们包含筛选到的元素 $("ul li").eq(1); // 选取ul li匹配的索引顺序为...1的元素(也就是第2个li元素) $("ul li").first(); // 选取ul li匹配的第一个元素 $("ul li").last(); // 选取ul li匹配的最后一个元素 $("ul

    15.1K10

    Python---获取div标签的文字

    语法: re.sub(pattern, repl, string, count=0).sub(pattern, repl, string, count=0) 参数: pattern : 正则的模式字符串...Python字符串前面加上 r 表示原生字符串, 与大多数编程语言相同,正则表达式里使用"\"作为转义字符,这就可能造成反斜杠困扰。...假如你需要匹配文本的字符"\",那么使用编程语言表示的正则表达式里将需要4个反斜杠"\\\\":前两个和后两个分别用于在编程语言里转义成反斜杠,转换成两个反斜杠后再在正则表达式里转义成一个反斜杠。...Python里的原生字符串很好地解决了这个问题,这个例子的正则表达式可以使用r"\\"表示。同样,匹配一个数字的"\\d"可以写成r"\d"。...思路整理:  在编程过程遇到的部分问题在这里写出来和大家共享  问题1:在编程过程成功获取了目标的名字,但是它存在于div框架,我们要做的就是将div的文字与标签分开,在这里我们用的是正则表达式

    4.9K10

    vue父组件获取组件的数据

    name="'businessLicence'" size="350px*200px" ref="businessLicence"> 自己写了个上传图片的组件...,父组件需要获取组件上传的图片地址, 方法一:给相应的组件标签上加 ref = “avatar” 父组件在最后提交的时候获取this....$emit方法获取的时候,如果子组件想要给父组件传入多个值,则可以写多个参数,父组件在获取的时候获取多个参数的值即可 //父组件 getUrl(path1,path2) { console.log...(path1,path2) } 注意问题: 1、父组件相应事件写在该组件上 2、组件如果并没有click事件触发,也没有类似本例input需要change事件触发,则在created或者mounted...函数让该函数加载即可 3、组件向父组件传值需 是父组件 用到了 ,如果多个父组件引用了该组件,则只有传值的时候用的组件来自哪个父组件,这个父组件才可以接收到值,其他父组件获取不到组件传的值。

    6.9K100

    详析获取标签

    小编也与大家分享了JS逻辑与DOM的相结合,并带着大家去实现了一些简单的页面交互效果,涉及了获取标签—>绑定事件—>操作标签样式。...而今天的文章主要带着大家来分析其它获取标签的方法,这样才能更灵活的去获取网页标签。...;另外,在JS函数名/方法名遵循小驼峰命名法,所以最终的方法名是getElementsByClassName; 在网页类名是可以重复出现,而ID名是不能重复出现(独一无二); 既然类名可以重复出现,...id名为“website”里面的p标签和h2标签,这样就从查找整个网页的范围缩小到具体标签的范围,提升了JS获取标签的效率; 其实就是先获取id名为website的标签,然后在获取结果的基础上利用getElementsByTagName...浏览器支持程度: IE8+(包括IE8)、Chrome、Firefox都支持 3 课程小结 学习多种获取标签的方法目的在于能够灵活的获取网页标签,便于操作网页标签; 今天所接触的获取标签的方法:

    2.1K90
    领券