`
lws0402
  • 浏览: 108594 次
  • 性别: 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>
分享到:
评论

相关推荐

    根据标签名字和标签的class属性得到对象

    ### 根据标签名字和标签的class属性得到对象 在Web开发中,经常需要通过JavaScript来操作DOM(Document Object Model)元素。一个常见的需求就是根据指定的标签名和类名来获取页面中的DOM元素。本篇文章将详细介绍...

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

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

    angularjs ng-class

    3. 函数:`ng-class`也可以是一个返回字符串或对象的函数。这个函数会在当前作用域内执行,并且其结果将用于设置CSS类。例如: ```html &lt;div ng-class="getClass()"&gt; ``` 在控制器中,`getClass`函数会根据业务...

    利用反射机制动态获取对象属性名称及数据类型

    接下来,我们创建一个名为`ReflectorClass`的辅助类,其中包含一个静态方法`getPropertyName`,这个方法接受一个对象实例作为参数,通过反射获取该对象的所有属性名及对应的类型,并返回一个字符串,每个属性名与...

    JavaScript的面向对象

    JavaScript的面向对象是一种重要的编程范式,它在JavaScript中通过构造函数、原型链以及类(ES6引入)来实现。这篇博文将深入探讨JavaScript中的面向对象特性,包括类的概念、对象的创建、继承机制以及封装。 首先...

    classnames:将参数简化为单个HTML类属性

    `classnames`是一个非常实用的JavaScript库,主要用于处理和合并HTML元素的类名。在前端开发中,尤其是在使用React等库时,...通过利用`classnames`,开发者可以编写更清晰、更易于维护的代码,提升整体项目的质量。

    快速解决vue动态绑定多个class的官方实例语法无效的问题

    对象语法的基本形式是使用v-bind:class配合一个对象来绑定class,对象的键是class名,值是一个布尔值,用来指示该class是否应用于当前元素。例如: ```html &lt;div :class="{red: isRed}"&gt; ``` 在这里,`:class`是`v...

    UML精粹:标准对象建模语言简明指南(第3版)

    英文原版的CHM格式,使得读者能够获得原汁原味的专业知识,同时,CHM是一种编译后的HTML帮助文档,便于快速查阅和搜索。 UML的核心概念包括: 1. **图的种类**:UML支持多种图,如用例图(Use Case Diagram)、...

    jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别

    DOM对象是原生JavaScript操作,如通过`document.getElementById("id")`获取,而jQuery对象则是通过`$("#id")`获得。两者之间可以互相转换:将DOM对象转换为jQuery对象,可以使用`$(domElement)`;反之,使用`.get...

    jQuery得到多个值只能用取Class ,不能用取ID的方法

    由于ID在HTML文档中必须唯一,所以尝试用ID来选取多个元素通常是无效的,这也是为什么标题说“jQuery得到多个值只能用取Class,不能用取ID的方法”的原因。例如,如果像描述中那样,页面上有多个`checkbox`元素都...

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

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

    PHP版html2pdf

    require_once('path/to/html2pdf/html2pdf.class.php'); $pdf = new Html2Pdf('P', 'A4', 'en'); $pdf-&gt;writeHTML(file_get_contents('yourfile.html')); $pdf-&gt;output('output.pdf', 'F'); ``` **示例代码分析:**...

    HTML转Image 图片

    例如,如果你有一个HTML字符串,其中包含了内联样式或外部样式表,`html2image`会确保这些样式在生成的图像中得到体现。 **注意事项** - 在使用HTML转Image的过程中,确保所有依赖的字体已安装在运行环境,否则...

    python3爬虫获取html内容及各属性值的方法

    创建了一个BeautifulSoup对象,并指定了解析器为'html.parser'。 4. **获取和打印title标签**: ```python title_tag = soup.title print(title_tag) ``` 通过`soup.title`可以直接获取HTML文档中的`&lt;title&gt;`...

    JavaScript基于对象编程

    **属性**是描述对象状态的信息,可以通过定义不同的属性值来改变对象的状态。 **方法**是对对象的行为进行编码的函数,用于处理对象的各种行为。 **事件**通常是指外部触发的动作,例如用户点击鼠标或按下键盘上的...

    基于PHP面向对象的自定义MVC框架高级项目开发12天视频

    - 通过构造函数或setter方法注入外部对象,减少耦合度。 - 可以使用现有的PHP依赖注入容器(如Pimple或Symfony服务容器)。 2. **中间件(Middleware)** - 在控制器处理请求之前或之后执行某些逻辑。 - 例如权限...

    htmlcleaner html解析器

    3. 使用`clean()`方法解析HTML,得到`TagNode`对象,它是HTMLCleaner内部表示DOM的类。 4. 可以通过`TagNode`对象遍历和操作DOM树。 5. 如果需要,使用`toString()`方法将`TagNode`转换回字符串形式的XML或HTML。 *...

    Andriod连接URL并返回HTML源码DEMO

    2. 处理服务器响应,读取并拼接输入流得到HTML源码。 3. 使用Jsoup库解析HTML,提取所需信息。 4. 在Android中,网络操作应在子线程中执行,遵循异步编程原则。 在实际项目中,还可以结合Retrofit、OkHttp等现代...

    webprint打印插件对象注册版

    通常,开发者会在HTML代码中通过`&lt;object&gt;`标签引入插件,设置相应的属性如`id`、`classid`或`codebase`来指定插件的位置和类型。例如: ```html &lt;object id="WebPrint" classid="clsid:01234567-89AB-CDEF-0123-...

Global site tag (gtag.js) - Google Analytics