使用javascript通过className来获取元素
来源:互联网 发布:linux操作系统入门教程 编辑:程序博客网 时间:2024/05/16 23:39
在网页中除了需要用id, name, tag等来获取元素外,也需要用css的class来获取。
今天找了下资料,记录一下。
原理: 用document.getElementsByTagName('*');来获取所有元素,然后取得相同Class的元素。
- function getElementsByClassName(n) {
- var classElements = [],allElements = document.getElementsByTagName('*');
- for (var i=0; i< allElements.length; i++ )
- {
- if (allElements[i].className == n ) {
- classElements[classElements.length] = allElements[i];
- }
- }
- return classElements;
- }
使用方法如下:
- var redClassElements = getElementsByClassName('red');
- for (var i=0; i<redClassElements.length; i++) {
- redClassElements[i].style.display = "none";
- }
- 使用javascript通过className来获取元素
- 使用javascript通过className来获取元素
- JavaScript 通过ClassName获取元素
- javascript通过className来获取元素的简单示例代码
- js 通过className来获取元素
- js通过classname来获取元素
- javascript通过className獲取文件元素
- javascript通过className獲取文件元素
- javascript通过className獲取文件元素
- javascript通过className獲取文件元素
- 通过className获取元素的js
- JS封装通过className获取元素的函数
- Javascript如何用一个优雅的姿势通过getStyle函数来获取元素的样式
- js根据页面classname获取页面元素
- JavaScript获取指定classname的父节点
- IE8,IE7 Javascript获取 classname的方法
- JavaScript通过元素id和name直接获取元素对象
- 21、Dom元素的灵活查找--通过className条件筛选
- 浅谈RAII惯用法
- struts2: Form表单有多个submit的提交问题
- MFC程序中如何实现自定义消息
- action中属性forward和子元forward的区别
- 基于多框架的J2EE快速开发方法
- 使用javascript通过className来获取元素
- 闪联:DLNA之外的存在理由
- 搜索引擎中Spider的可扩展性设计
- 重载new 和 delete 操作符
- 日终批处理中使用的sql
- 用VB如何计算单条语句运行时间
- struts2中数据校验1
- GridView排序问题
- 盖茨留给职场青年的十句警言