博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
getElementsByClassName
阅读量:4970 次
发布时间:2019-06-12

本文共 768 字,大约阅读时间需要 2 分钟。

HTML5 DOM中新增了一个令人期待已久的方法:getElementsByClassName。这个方法能让我们通过class属性中的类名来访问元素,不过由于这个方法还比较新,某些DOM实现里可能还没有,所以使用的时候要当心。

getElementsByClassName方法非常有用,但只有较新的浏览器才支持它,为了弥补这一不足,DOM脚本程序员需要使用已有的DOM方法来实现自己的getElementsByClassName。

以下这个函数能适用于新老浏览器:

function getElementsByClassName(node,classname){   if(node.getElementsByClassName){    //使用现有方法   return node.getElementsByClassName(classname);}else{var results=new Array();var elems=node.getElementsByTagName("*");for(var i=0;i

这个getElementsByClassName函数接受两个参数,第一个node表示DOM树中的搜索起点,第二个classname表示要搜索的类名。

如果传入节点上已经存在了适当的getElementsByCLassName函数,那么这个新函数就直接返回相应的节点列表。如果这个函数不存在,这个新函数就会循环遍历所有标签,查找带有相应类名的元素(这个例子不适用于多个类名)。

 

应用参考代码:

  • abc
  • def
  • hig

转载于:https://www.cnblogs.com/wyy725872/p/4437560.html

你可能感兴趣的文章
mysql 安装补充
查看>>
大学里如何学习 ?
查看>>
Oracle命令类别
查看>>
js面试题:关于数组去重的四种方法总结
查看>>
Linux内核分析(三)----初识linux内存管理子系统
查看>>
stc12c5a60s2驱动TEA5767收音机模块硬件调试总结
查看>>
vue中提示$index is not defined
查看>>
Java中对List集合内的元素进行顺序、倒序、随机排序的示例代码
查看>>
css选择器
查看>>
看懂下面C++代码才说你理解了C++多态虚函数!
查看>>
ASP.NET上传下载文件
查看>>
Galaxy Nexus 全屏显示-隐藏Navigation Bar
查看>>
Mob-第三方分享 /手机验证码
查看>>
Spring中使用Velocity模板
查看>>
实现model中的文件上传FTP(一)
查看>>
MonkeyRecorder
查看>>
Maven概述
查看>>
上周热点回顾(8.18-8.24)
查看>>
Feature toggle
查看>>
day02
查看>>