js原生removeclass方法

//如果列表中有存在给定的值就删除
// function removeClass(ele,txt){

// 	var str =  ele.className,

// 		ary = str.split(/\s+/),
// 		pos = -1,
// 		i = ary.length-1;

// 		for(;i>=0;i--){

// 			if(ary[i] == txt){

// 				pos = i;
// 				break

// 			}

// 		}

// 		if(pos>=0){
// 			ary.splice(pos,1);
// 			ele.className = ary.join(" ");
// 		}
// }

// removeClass(document.querySelector("#tests"),"a");

function removeClasss(ele,txt){
	var str =  ele.className,
		index = str.indexOf(txt);
	if(index > -1){

		ele.className = str.replace(txt,"");

	}

}

removeClasss(document.querySelector("#tests"),"a");
<div id="tests" class="a b c" style="color:#f00">123</div>
时间: 2024-08-04 15:53:02

js原生removeclass方法的相关文章

js原生dom方法总结

1.document document方法getElementById (Node)返回指定节点的引用getElementsByTagName (NodeList)返回文档中所有匹配元素的集合querySelector (Node)返回与选择器匹配的首个节点 (ie8+)querySelectorAll (Node)返回与选择器匹配的所有节点 (ie8+),其中ie8中选择器只支持css2选择器createElement(name) (Node)返回新建的节点createTextNode(tex

JS获取长度方法总结

length: length是JS原生的方法,用于获取元素的个数或者对象的长度,从1开始 //用于获取对象的长度,从1开始var length = $("#uw3c").length; size(): size()是jQuery中的方法,用来获取元素个数,从1开始. //用于获取对象的长度,从1开始var length = $("#uw3c").size(); length与size()的区别: 如果要是获取字符串长度的话,那么用那个都一样.如果要是获取元素个数,那

认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

转载 -- 基于原生JS与OC方法互相调用并传值(附HTML代码)

最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点就是方法的互相调用而已. 本文叙述下如何进行原生的JavaScript交互 本文包括JS调用OC方法并传值,OC调用JS方法并传值 本来想把html放进服务器里面,然后访问,但是觉得如果html在本地加载更有助于理解,特把html放进项目里 HTML代码 <!DOCTYPE html> <html> <head> <meta charset=&

扩展原生js的一些方法

扩展原生js的Array类 1 Array.prototype.add = function(item){ 2 this.push(item); 3 } 4 Array.prototype.addRange = function(items){ 5 var length = items.length; 6 if(length!=0){ 7 for (var index = 0; index < length; index++) { 8 this.push(items[index]); 9 10

Node.js原生及Express方法实现注册登录原理

由于本文只是实现其原理,所以没有使用数据库,只是在js里面模拟数据库,当然实际中还是需要用数据库的. 1.node.js原生方法 ①html页面,非常简单,没有一丝美化~我们叫它user.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>user</title> </head> <body> 用户:<inp

原生JS添加节点方法与JQuery添加节点方法的比较及总结

一.首先构建一个简单布局,来供下边讲解使用 1.HTML部分代码: <div id="div1">div1</div> <div id="div2">div2 <span id="span1">span1</span> <span id="span2">span2</span> </div> <div id="div

js原生方式实现jquery中的append()方法

一.在使用jquery时, append() 方法在被选元素的结尾(仍然在内部)插入指定内容 使用方法:$(selector).append(content),content为必需的.规定要插入的内容(可包含 HTML 标签) 二.在使用原生js时,使用appendChild() 方法可向节点的子节点列表的末尾添加新的子节点, 用法:parent.appendChild(child); child没有引号包住,child参数,是node类型.给一个空文档里面动态创建元素,要使用document.

简单的原生js 模拟jquery方法

仓促的模拟敲一下就上传来保存了. Object.prototype.fadeIn = function(speed) { var that = this; setTimeout(function() { that.style.display = "block" }, speed) return that; } //原生模拟jq中 fadeOut()方法: Object.prototype.fadeOut = function(speed) { var that = this; setT