`
lws0402
  • 浏览: 107003 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

通过class获得HTML对象

    博客分类:
  • js
阅读更多

<img id="a" src="aa" class="img_class"/>
<img id="b" src="bb" class="img_class"/>

<input type="button" value="测试" onclick="test();">

<script>
function test()
{

var list = GetClass("img_class");
for(var i = 0;i<list.length;i++)
{
alert(list[i].id);
}

}

//通过class获得HTML对象的方法
function GetClass(className)
{
return getElementsByClassName(className);
}

var $c = function(array)
{
var nArray = [];
for (var i=0;i<array.length;i++)
{
nArray.push(array[i]);
}   
return nArray;
};

Array.prototype.each=function(func)
{
for(var i=0,l=this.length;i<l;i++)
{
func(this[i],i);
};
};

var getElementsByClassName=function(cn)
{
    var hasClass=function(w,Name)
{
        var hasClass = false;
        w.className.split(' ').each(function(s){
        if (s == Name) hasClass = true;
         });
     return hasClass;
    };
    var elems =document.getElementsByTagName("*")||document.all;
    var elemList = [];
    $c(elems).each(function(e){
    if(hasClass(e,cn)){elemList.push(e);}
    })
    return $c(elemList);
};
</script>
分享到:
评论

相关推荐

    JavaScript通过HTML的class来获取HTML元素的方法总结

    除了getElementsByClassName()函数,我们可以自己动手编写程式来通过class获取元素,接下来我们整理了一下JavaScript通过HTML的class来获取HTML元素的方法总结,需要的朋友可以参考下

    PHP将PC版html代码转为移动版代码插件

    1,插件说明: 插件接受一个包含需要转换的HTML页面的字符串和其他参数,返回一个删除需多格式控制元素后、...首先包含本插件,然后实例化HTMLToMobile.class类文件,用得到的对象调用PIPHP_HTMLToMobile方法即可。

    JavaScript完全自学宝典 源代码

    8.1.html 得到文档锚点对象数组。 8.2.html 获取并设置cookie信息。 8.3.html 获取文档标记的数组及相关操作。 8.4.html 获取location对象的属性值并刷新页面。 8.5.html 包含链接的文档。 8.6...

    matlab面向对象编程教程-A Guide to MATLAB Object-Oriented Programming - Register, CRC 2007.rar

    面向对象编程资料www.mathworks.com/products/matlab/object_oriented_programming.html 本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/begtostudy/archive/2009/05/14/4182605.aspx ISBN-13: ...

    +Flex+集成到+Java+EE+应用程序的最佳实践(完整源代码)

    资源简介现有的 Java EE 应用 假定我们已经拥有了一个管理雇员...可以通过 ActionScript 编码创建该对象,也可以直接在 MXML 中定义一个 RemoteObject 对象,并列出其所有的方法: 清单 13. 定义 flexServiceRO ...

    Jquery学习手册

    也就是说,已经得到了一个jQuery对象,但是并不是想要的,那么可以通过一系列的跳转方法,比如parent()、next()、children()、find()等,或者过滤筛选的方法,比如eq()、filter()、not()等,来得到最终想要操作的...

    html文本框input表单输入框默认提示信息插件,获得焦点自动清空默认值,失去焦点对比确认默认值

    json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名class + 使用方法: $ &quot;#xxx&quot; autotip ; @ #xxx 为需要提示的input的id"&gt;...

    超级有影响力霸气的Java面试题大全文档

    面向对象计算始于这个基本概念,即现实世界可以被描绘成一系列完全自治、封装的对象,这些对象通过一个受保护的接口访问其他对象。 4. 多态性:  多态性是指允许不同类的对象对同一消息作出响应。多态性包括参数化...

    北航网络教育JAVA语言与面向对象程序设计单选题及答案.doc

    JAVA语言与面向对象程序设计单选题 applet的主要方法 在Java Applet程序用户自定义的Applet子类中,一般需要重载父类的( )方法来完成主类实例的初始化工作。 A.A. start( ) B. B. stop( ) C. C. init( ) D. D. paint...

    Hibernate 中文 html 帮助文档

    3.2. 获得SessionFactory 3.3. JDBC连接 3.4. 可选的配置属性 3.4.1. SQL方言 3.4.2. 外连接抓取(Outer Join Fetching) 3.4.3. 二进制流 (Binary Streams) 3.4.4. 二级缓存与查询缓存 3.4.5. 查询语言中的...

    HTML5 canvas基本绘图之绘制阴影效果

    &lt;canvas&gt;&lt;/canvas&gt;是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。...

    Frongo是一个Golang软件包,用于仅使用Go语言创建HTML / CSS组件。-Golang开发

    它在设计时考虑了可读性和可用性,因此HTML对象是通过链接方法调用来创建的。 Frongo Frongo是一个Go语言工具,可以用Golang代码制作HTML / CSS文档。 它在设计时考虑了可读性和可用性,因此HTML对象是通过链接方法...

    HTML5 canvas基本绘图之绘制曲线

    &lt;canvas&gt;&lt;/canvas&gt;是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。...

    从模式讲到设计模式再到面向对象设计模式

    在讲抽象工厂之前,要从模式开始讲起 ... //这样,只要传入一个品牌,就可以得到这个品牌的电脑了 } 文章出处:http://www.diybl.com/course/4_webprogram/asp.net/asp_netxl/200898/140200.html

    将 Flex 集成到 Java EE 应用程序的最佳实践(完整源代码)

    现有的 Java EE 应用 假定我们已经拥有了一个管理雇员信息的...可以通过 ActionScript 编码创建该对象,也可以直接在 MXML 中定义一个 RemoteObject 对象,并列出其所有的方法: 清单 13. 定义 flexServiceRO ...

    详解HTML5 canvas绘图基本使用方法

    &lt;canvas&gt;&lt;/canvas&gt;是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。...

    HTML5 canvas基本绘图之绘制线条

    &lt;canvas&gt;&lt;/canvas&gt;是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。...

    HTML5 canvas基本绘图之填充样式实现

    &lt;canvas&gt;&lt;/canvas&gt;是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。...

    HTML5 canvas基本绘图之绘制线段

    &lt;canvas&gt;&lt;/canvas&gt;是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过JavaScript脚本来控制该对象进行绘图。...

    JSP动态网页制作基础培训教程源代码.rar

    4 showParameter.html 第5章\ch5 request对象示例(HTML页面) 5 showParameter.jsp 第5章\ch5 request对象示例(JSP页面) 6 count.jsp 第5章\ch5 计数器示例 7 test.jsp 第5章\ch5 计数器测试示例 8 register....

Global site tag (gtag.js) - Google Analytics