实现获取DOM的class

最新推荐文章于 2023-09-07 15:52:30 发布
最新推荐文章于 2023-09-07 15:52:30 发布
阅读量2.9k 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czqn8/article/details/42421149
版权 
</pre><pre name="code" class="html"><!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>


czqn8
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
dom元素操作获取等
weixin_51525719的博客
12-10 1291
一、DOM元素的获取 1）document.getElementsByClassName ( “class”) 返回集 htmlcollection ,用法和数组一致 说明: class为DOM元素上class属性的值 2）document.getElementById( “id” ) 功能:返回对拥有指定ID的第一个对象的引用 返回值: DOM对象 说明: id为DOM元素上id属性的值 3)document.getElementsByName(" name"); 返回的是nodelist 类型, 用法和
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的class属性
weixin_41463944的博客
09-03 1597
function getStyle(obj, attr) { //获取属性 return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, false)[attr] },
js 获取dom的class
hw1287789687的专栏
10-26 4255
js 获取节点的class 方式一:使用getAttribute var x = document.getElementsByTagName("H1")[0].getAttribute("class");     方式二: let oneSwipe=childrenSwipeOptions[i]; let className=oneSwipe.className;  参考:htt...
vue如何判断dom的class
08-27
在这个实例中，我们将使用 Vue 框架来实现点击给 DOM 添加 class，然后获取含有 class 的 DOM 文件。 首先，让我们来看一下 HTML 代码： ```html <div class="chose-ck" v-for="(item,index2) in colors" :key=...
javascript中获取class的简单实现
10-21
本文将详细介绍如何在JavaScript中简单实现获取class的方法。 首先，JavaScript原生并不直接提供获取class的API，但可以通过其他方式来实现。这里介绍两种主要的实现方式：一种是利用`document....
谷歌获取网页dom的插件
05-13
在IT领域，尤其是在Web开发和数据抓取方面，"谷歌获取网页DOM的插件"是一种非常实用的工具。DOM（Document Object Model）是HTML和XML文档的结构化表示，它将网页内容作为树形结构处理，使得我们可以方便地通过...
JavaScript实现获取DOM的class
aefg11959的博客
01-05 108
JavaScript实现获取DOM的class JavaScript实现获取dom的class <!DOCTYPE html> <html> <head lang="en"> <meta chars...
js：对dom元素class属性进行读取、更新、移除操作
最新发布
彭世瑜的博客
09-07 1947
综上，一共有三种方式对dom元素class属性进行读取、更新、移除操作。DOMTokenList对象。
用原生dom的方法获取class对象(很简单实用)
weixin_30528371的博客
01-24 820
话不多说，直接上代码，用的是for(var i in array) 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>用原生dom的方法获取class对象(很简单实用)</title> 6 <style&...
获取DOM元素的方法
zhou_nj的博客
08-31 1028
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...
DOM:查找标签，节点操作，获取值操作，class的操作，查看class标签，事件，this...
felix的博客
02-15 1931
目录DOMHTML DOM树查找标签直接查找document.方法document.getElementById()document.getElementsByClassName()document.getElementsByTagName()间接查找节点操作innerTextinnerHTML创建节点>>>createElement(标签名)节点设置属性>>&gt...
webBrowser控件中获取元素 的class 属性值
weixin_30954607的博客
03-03 866
html 代码如下： <TR id="t030006" class="sr plus selected"> <TD><INPUT id=cvrgNo030006 value=030006 readOnly CHECKED type=checkbox jQuery1456994811776="96"></TD> <TD>车辆...
Dom获取元素对象的五种方法
如何快速Java入门
10-19 2547
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&gt;    &lt;title&gt;文档对象模型&lt;/title&gt;     &lt;!--//通过dom获取元素对象的方法（五种）--&gt;&lt;/head&
JS 之Node节点的 属性、方法 &获取
热门推荐
xiongfeng
10-22 2万+
JS Node节点的常见属性和方法使用 & 如何获取相应节点和值 一、节点的常用属性和方法 （一）通过具体的元素节点调用如下方法和属性 《1》getElementsByTagName() 方法，获取当前节点的指定标签名孩子节点 《2》appendChild(oNode) 方法给标签对象添加子节点。oNode是要添加的子节点。 《3》removeChild(oNode) removeChild方法删除子节
基础知识 | DOM
A123ppleQueen的博客
02-01 1899
DOM ：Document Object Model 专门操作网页内容的一套现成的对象和函数的集合
html 获取class的值,js获取class的所有元素
weixin_42601702的博客
06-09 2936
window.onload = function(){ var topMenus = getClass('li','topMenu');for(var i=0;i < topMenus.length; i++){alert(topMenus[i].innerHTML);}}function getClass(tagName,className) //获得标签名为tagName,类名cla...
JS获取DOM节点的N种方式
浪子四方
09-05 1923
目录 1document.getElementById() 2 document.getElementsByClassName(); 3 document.getElementsByName(); 4 document.getElementsByTagName(); 5 document.querySelector(); 6 document.querySelectorAll()...
js 如何获取class 的dom
06-07
JavaScript 中可以使用 `document.getElementsByClassName()` 方法获取指定 class 名称的 DOM 元素，该方法返回一个数组，包含了所有具有指定 class 名称的元素。具体实现如下： ```javascript // 获取 class 名称为 "myClass" 的所有元素 var elements = document.getElementsByClassName("myClass"); // 遍历所有元素 for (var i = 0; i < elements.length; i++) { var element = elements[i]; // 对每个元素进行操作 // ... } ``` 其中，`getElementsByClassName` 方法接受一个参数，即要获取的 class 名称，返回一个类数组对象，包含了所有具有该 class 名称的元素。可以使用 `for` 循环遍历该数组，对每个元素进行操作。 需要注意的是，`getElementsByClassName` 方法返回的是一个类数组对象，需要使用下标获取其中的元素。如果只需要获取第一个元素，可以使用 `querySelector` 方法，具体实现如下： ```javascript // 获取 class 名称为 "myClass" 的第一个元素 var element = document.querySelector(".myClass"); ``` 其中，`querySelector` 方法接受一个 CSS 选择器作为参数，返回符合该选择器的第一个元素。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值