JavaScript实现获取DOM的class

最新推荐文章于 2024-06-14 11:01:38 发布
最新推荐文章于 2024-06-14 11:01:38 发布
阅读量104 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/czqn8/p/4203394.html
版权
JavaScript实现获取DOM的class

 

JavaScript实现获取dom的class

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        function getClass(node,classname) { 
            if(node.getElementsByClassName) {
                return node.getElementsByClassName(classname); //如果存在该标签 就返回
            } else {
                var  elems = node.getElementsByTagName(node),
                     defualt = [];
                for (var i = 0; i < elems.length; i++) { //遍历所有标签
                    if(elems[i].className.indexOf(classname) != -1) {  //查找相应类名的标签
                        defualt[defualt.length] = elems[i];
                    }
                }
                return defualt;
            }
        }
         window.onload = function () {
            var text = document.getElementById('text'),
                cs = getClass(text,'cs');
                   document.write(cs.innerHTML='cs');
        }
    </script>
</head>
<body>
    <div id="text"><div class="cs">textcss</div></div>
</body>
</html>

 

posted on 2015-01-05 13:52  czqn8 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/czqn8/p/4203394.html

aefg11959
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dom元素操作获取等
weixin_51525719的博客
12-10 1235
一、DOM元素的获取 1）document.getElementsByClassName ( “class”) 返回集 htmlcollection ,用法和数组一致 说明: class为DOM元素上class属性的值 2）document.getElementById( “id” ) 功能:返回对拥有指定ID的第一个对象的引用 返回值: DOM对象 说明: id为DOM元素上id属性的值 3)document.getElementsByName(" name"); 返回的是nodelist 类型, 用法和
基础知识 | DOM
A123ppleQueen的博客
02-01 1859
DOM ：Document Object Model 专门操作网页内容的一套现成的对象和函数的集合
原生JavaScript来实现对dom元素class的操作方法(推荐)
01-19
jQuery操作class的方式非常强大 写了一个利用原生js来实现对dom元素class的操作方法 1.addClass:为指定的dom元素添加样式 2.removeClass:删除指定dom元素的样式 3.toggleClass:如果存在(不存在)，就删除(添加)一个样式 4.hasClass:判断样式是否存在 下面为一toggleClass的测试例子 [html] view plain copy <style type=text/css> div.testClass{ background-color:gray; } </style> <script type=tex
JavaScript实现获取dom中class的方法
12-09
本文实例讲述了JavaScript实现获取dom中class的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> [removed] function getClass(node,classname) { if(node.getElementsByClassName) { return node.getElementsByClassName(classname); //如果存在该标签 就返回 } else {
通过原生js获取dom元素的九种方式
qq_44852893的博客
04-05 2102
获取dom元素 <body> <!-- <div id="box">我是一个DIV</div> <p class="item">这是一个p标签1</p> <p class="item">这是一个p标签2</p> <span name="x1">我是一个span标签</span> <span name="x1">我是一个span标签</sp
js的DOM获取标签对象
m0_66039084的博客
03-19 774
/* js的组成:ECMAJavaScript BOM(Browser Object Model)浏览对象模型 DOM(Document Object Model) 文档对象模型 */ // DOM // 获取标签的方法 // 通过id获取 // _box = document.getElementById("box") ...
通过JS如何获取DOM节点元素
Fancy_vae的博客
09-13 3583
JS中获取DOM元素的方法总共有5种： 1.通过id值。 2.通过name属性值。 3.通过指定的标签名。 4.通过class类名。 5.通过css选择器（css选择器如何选择，就可以如何选择） 1、通过id选取元素（getElementById） 1）使用方法：document.getElementById(“domId”) 其中，domId为要选取元素的id属性值 2）兼容性：低于IE8版本的IE浏览器对getElementById方法的实现是不区分元素ID号的大小写的，并且会返回匹配name属性的元素
js 获取dom的class
hw1287789687的专栏
10-26 4239
js 获取节点的class 方式一:使用getAttribute var x = document.getElementsByTagName("H1")[0].getAttribute("class");     方式二: let oneSwipe=childrenSwipeOptions[i]; let className=oneSwipe.className;  参考:htt...
js获取dom的class属性
weixin_41463944的博客
09-03 1593
function getStyle(obj, attr) { //获取属性 return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, false)[attr] },
获取DOM元素的方法
zhou_nj的博客
08-31 1023
1.DOM文档对象模块，其实就是document对象，它里面提供了一些属性和方法用于操作当前网页 2.操作dom有两个步骤：1.获取dom getElementById()方法，根据id选择器的名称获取指定的dom元素，如果该id名称不唯一，只能获取第一个元素。2.操作dom <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-e...
JavaScript中的DOM对象
timoru的博客
03-21 135
DOM--Document Object Model[文档对象模型] 当网页被加载时，浏览器会创建页面的文档对象模型。 HTML DOM模型被构造为对象的树 javascript不认识html标记，如果我们要想让javascript处理html标记，就得想尽一切办法，把html标记编程javascript对象。 问题：我们要怎么做才能把html标记，变成javascript对象？ 答案：我们通过javascript提供的document对象的方法可以将html标记变成javascript对...
JavaScript中的DOM操作
chxlloli的博客
11-21 425
1，webapi介绍 1，api的概念 API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。例如：alert()、prompt()、log()、reverse()、getMonths() 任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log()) 2，ebap...
javascript中获取class的简单实现
10-21
本文将详细介绍如何在JavaScript中简单实现获取class的方法。 首先，JavaScript原生并不直接提供获取class的API，但可以通过其他方式来实现。这里介绍两种主要的实现方式：一种是利用`document....
vue如何判断dom的class
08-27
使用 Vue 框架来判断 DOM 的 class 是非常简单的，我们只需要使用 Vue 的模板语法来渲染 DOM，然后使用 JavaScript 代码来添加和获取 DOM 的 class。 通过这个实例，我们可以学习到如何使用 Vue 框架来判断 DOM 的 ...
js获取classname值_利用js获取元素class值的两种方法
热门推荐
weixin_30768103的博客
01-27 1万+
我们有时为了达到某种效果，需要以元素的class值为条件做判断。我们如何利用JavaScript获取元素class的值？我们先看下面代码：x=document.getElementsByTagName('div')[0];document.write(x.className);输出结果：mystyle利用js的document.getElementsByTagName就可以得到class的值。我们...
js：对dom元素class属性进行读取、更新、移除操作
彭世瑜的博客
09-07 1858
综上，一共有三种方式对dom元素class属性进行读取、更新、移除操作。DOMTokenList对象。
实现获取DOM的class
ZEAL
01-05 2982
window,onload = function () { var d = getClass(document,'cls'); alert(d.innerHTML="555")                     } function getClass(node,classname) { if(node.getElementsByClassName) { return node.g
HTML入门教程：深度解析HTML，开启你的前端技术之旅
最新发布
zhangwenok的博客
06-14 1472
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
js获取dom class子元素的方法
05-19
可以使用以下两种方法来获取DOM元素的子元素： 1. 使用`querySelectorAll()`方法： ```javascript const parent = document.querySelector('.parent-class'); const children = parent.querySelectorAll('.child-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值