`

javaScript根据class的名字获取属性

 
阅读更多

在实际开发中可能会通过javascript根据class获取html的元素,但由于一些浏览器不支持getElementbyClass

所以可以通过函数调用的方式获取:

  function getClass(tagName,className) //获得标签名为tagName,类名className的元素
   {
    if(document.getElementsByClassName) //支持这个函数
    {        return document.getElementsByClassName(className);
    }
    else
    {       var tags=document.getElementsByTagName(tagName);//获取标签
        var tagArr=[];//用于返回类名为className的元素
        for(var i=0;i < tags.length; i++)
        {
            if(tags[i].class == className)
            {
                tagArr[tagArr.length] = tags[i];//保存满足条件的元素
            }
        }
        return tagArr;
    }

 

 

 

 

分享到:
评论

相关推荐

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

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

    JavaScript实现获取dom中class的方法

    本文主要介绍了如何使用JavaScript来获取DOM(文档对象模型)中具有特定class的DOM元素。在讲解的过程中,涉及到JavaScript操作DOM节点的一些基本技巧和方法,如使用`getElementsByClassName`和`...

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

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

    javascript通过获取html标签属性class实现多选项卡的方法

    本文实例讲述了javascript通过获取html标签属性class实现多选项卡的方法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8 /&gt; &lt;title&gt...

    示例4:操作节点属性.rar_javascript操作节点属性

    DOM允许我们通过JavaScript来访问和修改网页中的元素、属性、文本等。本示例主要讲解如何使用JavaScript操作DOM节点的属性。 首先,我们需要了解DOM节点的基本概念。每个HTML元素都是一个DOM节点,包括元素节点、...

    js 改变背景(backgroundImage)和 类名称(class)

    在JavaScript中,可以使用`classList`属性来添加、删除或切换类。例如,如果我们想给一个元素添加一个名为"active"的类,可以这样做: ```javascript var element = document.getElementById('myElement'); element...

    javaScript给元素添加多个class的简单实现.docx

    ### JavaScript给元素添加多个class的简洁实现 #### 概述 在Web开发中,通过JavaScript动态地为HTML元素添加或删除CSS类名是一项常见的需求。本文档将详细介绍如何使用JavaScript来给HTML元素添加多个class,并...

    Go-利用goquery去除HTML文本中的javascript和白名单以外的属性

    在循环中,我们可以使用`Attr`方法获取元素的属性,并根据白名单来决定是否保留该属性。例如,如果你只允许`class`、`href`和`src`属性存在,你可以这样做: ```go allowedAttrs := []string{"class", "href", "src...

    JavaScript — 对象和属性的特性1

    本文将深入探讨JavaScript对象和属性的特性,包括`[[Prototype]]`、`[[Class]]`、`get`和`set`访问器、以及如何通过`Object.getOwnPropertyDescriptor()`、`Object.create()`和`Object.prototype.toString.call()`等...

    ES6 类(Class)基本用法和静态属性+方法详解

    在JavaScript的世界里,ES6(ECMAScript 2015)引入了一种新的语法特性——类(Class),这是对面向对象编程模型的一种语法糖,使得JavaScript的代码更加易读,更符合传统的类式编程习惯。本文将深入探讨ES6中的类的...

    javascript中获取class的简单实现

    在JavaScript中,获取元素的class是一项常见的操作,特别是在DOM操作和事件处理中。本文将详细介绍如何在JavaScript中简单实现获取class的方法。 首先,JavaScript原生并不直接提供获取class的API,但可以通过其他...

    js通过元素class名字获取元素集合的具体实现

    文档中提供的代码示例正是针对这一需求的功能实现,它定义了一个名为`getElementsByClassName`的函数,该函数可以根据提供的class名字来获取页面上所有具有该class属性的DOM元素集合。 该方法首先声明了一个空数组`...

    JavaScript\JavaScript教程

    此外,ES6(ECMAScript 2015)引入了许多新特性,如类(class)、模板字符串(template literals)、解构赋值、let和const变量、箭头函数、模块(import/export)、Promise、Generator等,提升了JavaScript的编程...

    javascript中猎取class的简洁实现_.docx

    在JavaScript中,由于原生不直接支持获取具有特定类名(class)的元素,开发者通常需要通过自定义函数来实现这一功能。本篇文档主要介绍了一种简洁的方法来猎取具有特定class的元素,这对于网页交互和DOM操作至关...

    js获取某元素的class里面的css属性值代码

    标题中的“js获取某元素的class里面的css属性值代码”指的是在JavaScript中如何获取元素基于CSS类的样式属性值。在实际开发中,我们可能需要获取某个元素根据CSS类设置的`margin`、`padding`、`height`、`border`等...

    Javascript定义类(class)的三种方法详解

    JavaScript 是一种动态类型的编程语言,起初主要用于网页交互...随着 ES6 之后的版本引入了真正的 class 关键字,现在的 JavaScript 开发更多地倾向于使用这些现代语法,以获得更清晰、更接近传统 OOP 语言的编码体验。

    Javascript获取标签ID改变style属性的代码

    在探讨如何使用JavaScript获取标签ID并改变其style属性之前,我们需要了解几个关键的Web开发知识点,包括HTML元素的ID属性、JavaScript中的DOM操作以及CSS样式的应用方式。以下将详细阐述这些概念,并结合给定的代码...

    HTML、CSS里面关于 id、class、name 属性的区别和用法.docx

    HTML、CSS中关于id、class和name属性是网页开发中的基础概念,它们各自有着不同的用途和应用场景。 首先,**id**属性是HTML元素的唯一标识符。它的主要作用包括: 1. 客户端脚本中引用HTML元素,JavaScript中可以...

Global site tag (gtag.js) - Google Analytics