js获取class对象

最新推荐文章于 2024-09-20 10:49:34 发布
最新推荐文章于 2024-09-20 10:49:34 发布
阅读量1.1w 收藏 3
点赞数
文章标签： js 获取class对像 table、div span p
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tianzhen620/article/details/80255255
版权
!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            window.onload = function() {

                //1、获取表格

//不仅能获得表格对象，可以获得各种类型的对象，例如<span>标签、<p>标签、<div>等

                //通过class属性来获取表格，可以通过getElementsByClassName来获得。采用getElementsByClassName获得的是所有属性为class的表格，为了对其进行区分，需要采用索引tblEle[0]
                var tblEle = document.getElementsByClassName("listtable");
                //2、获取表格中tbody里面的行数
                //采用角标tblEle[0]确定获取的对像。索引从0开始
                var len = tblEle[1].tBodies[0].rows.length;
                //3、对tbody里面的行进行遍历
                for (var i = 0; i < len; i++) {
                    if (i % 2 == 0) {
                        tblEle[1].tBodies[0].rows[i].style.backgroundColor = "yellow";
                    } else {
                        tblEle[1].tBodies[0].rows[i].style.backgroundColor = "green";
                    }
                }
            }
        </script>

    </head>

    <body>
        <table border="1" width="500" height="50" align="center" class="listtable">
            <thead>
                <tr>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>年龄</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>张三</td>
                    <td>22</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>李四</td>
                    <td>25</td>
                </tr>
                </tbody>
        </table>
        
       <br />
       <br />
       <table border="1" width="500" height="50" align="center" class="listtable">
            <thead>
                <tr>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>年龄</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>张三</td>
                    <td>22</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>李四</td>
                    <td>25</td>
                </tr>
                </tbody>
        </table>
    </body>

</html>
tianzhen620
关注
java class 获取类_Java中通过Class类获取Class对象的方法详解
weixin_35688434的博客
02-23 1443
Java中通过Class类获取Class对象的方法详解前言本文主要给大家介绍的是关于Java通过Class类获取Class对象的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：阅读API的Class类得知，Class 没有公共构造方法。Class 对象是在加载类时由 Java 虚拟机以及通过调用类加载器中的 defineClass 方法自动构造的获取Class对象的三种方式...
JS常用方法（获取Class、获取元素样式、事件监听、cookie、ajax等）
weixin_34061482的博客
12-09 853
var Util = {}; Util.byClass = function (oClass) {//全局获取 var tags = document.all ? document.all : document.getElementsByTagName('*'); var arr = []; var reg = new RegExp("\\b" + oClass + "\\b")...
用原生JS获取CLASS对象(很简单实用)
12-02
听说是最常用。。。。我是看了dom编程艺术想到的。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <sty
js 深入理解类-class
最新发布
weiweiliude2的专栏
09-20 934
ES 6 终于有了class 关键字了，继承可以节省了很多冗长的代码。那么有了类 这个语法糖，以前学习的原型、对象、构造函数的知识是不是都没用了。恰恰相反，ES 6的类 其实都是在使用 原型、构造函数的概念。所以学习本章的内容最好学习前面几章的知识。
js蛋疼的Class(获取class对象)
上官飞蓬的博客
12-08 1570
js蛋疼的Class(获取class对象) 之前处理class对象被迫用jquery，以为JavaScript不支持class。确实百度某些大神也说js不待见class对象，就这样本菜放弃了原生js。 今天偶然发现一片文章吐槽jquery拥抱JavaScript，原文地址。其中就提到了js的document.getElementsByClassName比jquery的$(classSele
js获取.class对象
weixin_34329187的博客
11-15 102
functiongetElementsByClassName(n){varclassElements=[];varallElements=document.getElementsByTagName('*');for(vari=0;i<allElements.length;i++){ if(allElements...
js获取class的所有元素
10-27
ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素。
JavaScript实现获取dom中class的方法
12-09
总的来说，JavaScript获取DOM元素中class的方法主要分为以下步骤： 1. 检查DOM元素是否支持`getElementsByClassName`方法。 2. 如果支持，直接调用此方法获取元素集合。 3. 如果不支持，遍历元素的子节点，通过`...
js获取class（js获取class对象的三种方式）className
03-23 3002
直接使用 element.className 可以获取元素的class名称，但是它只能获取到元素的class名称串，如果想要获取到多个class名称，并且它们之间存在空格，则需要使用 element.classList。可以通过 Jquery 提供的 .attr() 方法来获取 class 属性的值，也可以使用 .addClass()、.removeClass()、.toggleClass() 等方法来添加、删除、切换类名。// 获取元素的class名称。// 获取元素的class名称。
用原生JS获取CLASS对象
10-15 365
听说是最常用。。。。我是看了dom编程艺术想到的。 精心开发5年的UI前端框架！ 无标题文档 .ca{background-color:red; padding:20px;} .js{ border:1px solid #00F; padding:10px;}
js获取class选择元素
热门推荐
ALihexingyu的专栏
05-25 1万+
function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ return node.getElementsByClassName(classname); }else{ var results = new Array(); var elems = node.getE
js获取元素class的几种方法
weixin_30663471的博客
12-12 1910
1. function getByClass(classname){ var nodes = document.getElementsByTagName('*'), ret=[]; for(var i=0;i<nodes.length;i++){ ...
JS获取class属性
iteye_8370的博客
02-27 684
//用js获取Class方法 function getByClass (className,context){ context = context || document; if (context.getElementsByClassName){ return context.getElementsByClassName(className); } var nodes = cont...
javascript中获取class
weixin_30902251的博客
03-28 404
js中没有获取class的办法，找了一些封装好的方法，这里整理一下 （1）先进行封装 //封装getClass function getClass(tagName,className) //获得标签名为tagName,类名className的元素 { if(document.getElementsByCla...
原生js使用class获取元素
qq_38402659的博客
08-13 6000
document.getElementsByClassName(‘test’);
vue获取到class对象
04-05
在Vue中，可以使用$refs来获取DOM元素的引用，进而获取class对象。例如，假设有如下HTML代码： ```html <div class="my-class" ref="myDiv">Hello Vue! ``` 可以在Vue组件中使用$refs来获取class对象： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值