原生addClass 方法 添加类函数

function addClass(id,new_class){
      var i,n=0;
      new_class=new_class.split(",");
      for(i=0;i<new_class.length;i++){
      if((" "+document.getElementById(id).className+" ").indexOf(" "+new_class[i]+" ")==-1){
                document.getElementById(id).className+=" "+new_class[i];
                  n++;
            }
      }
      return n;
}

现代浏览器有classList属性:

var addClass = function(_element, _classes) {

var classList, item, _i, _len;

classList = _element.classList;

for (_i = 0, _len = _classes.length; _i < _len; _i++) {

item = _classes[_i]; classList.add(item);

}

return _element;

};

时间: 2024-10-07 06:39:19

原生addClass 方法 添加类函数的相关文章

jQuery的addClass()方法

addClass()方法的定义和用法: 此方法向匹配元素添加一个或多个类. 此方法有多个语法形式. 语法结构一: 为匹配元素添加指定的类名.如果要一次性添加多个类名,它们之间要用空格分隔. $(selector).addClass(class) 参数列表: 参数 描述 class 定义被添加类的名称 实例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta na

zabbix使用自己编写脚本模板和zabbix自带模板两种方法添加对指定进程和端口的监控

zabbix使用自己编写脚本模板和zabbix自带模板两种方法添加对指定进程和端口的监控 1.自带监控模板进行os的监控 进入/usr/local/zabbix/etc/zabbix_agentd.conf 配置文件修改 LogRemoteCommands=1     ###开启脚本功能 Server=192.168.5.129     ##修改zabbix指向的服务器: 重启zabbix_agentd.zabbix_server服务 在配置-->主机-->添加主机--> 配置主机信息主

原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题

原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中,不能使用. 修改:加入兼容性判断,在需要用到该方法的位置修改为getClassNames方法. 代码如下: 原来方法: document.getElementsByClassName('tabs_div'): 这里的调用方法为:getClassNames('tabs_div' , 'div'): var divs = getClassNames('tabs_div' , 'div'); fun

HTML DOM对象的属性和方法介绍(原生JS方法)

HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model(文档对象模型)的缩写. DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口),它允许程序和脚本动态地访问和更新文档的内容,结构和样式. W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 HTML DOM 定义了所有 HTML 元

idea live template高级知识, 进阶(给方法,类,js方法添加注释)

为了解决用一个命令(宏)给方法,类,js方法添加注释,经过几天的研究.终于得到结果了. 实现的效果如下: 给Java中的method添加方法: /** * * @Method : addMenu * @Description : * @param menu : * @return : cn.yiyizuche.common.base.ResultMsg * @author : Rush.D.Xzj * @CreateDate : 2017-06-12 星期一 18:17:42 * */publi

jquery使用原生js方法 js/jQuery对象互转

javascript原生有许多方法,jquery自己也有一套封装好的方法,jquery自己的选择器非常方便,但有时候我们需要 使用原生的一些方法,如果我们使用jquery选择元素,直接调用原生javascript的方法就会出现错误.例如我们要输出一张图片的宽度: 原生js: javascript:     var dom1 = document.getElementById("pic").width;    alert(dom1) jquery: var dom2 = $("

js----数组处理之splice(有js原始addClass方法哦)

上次写了一个轮播的方法:http://blog.csdn.net/stronglyh/article/details/46833499 因为别人问我的时候,给了我html,于是乎我就看到了页面中引用了jquery,所以就用jquery写了,今天细想了下jquery中有一个addClass方法,不知道传统的js是否可以使用搞定呢. <html> <style> .font_class { color:#FF0000; font-weight:bold; } </style>

在使用add()方法添加组件到容器时,必须指定将其放置在哪个区域中

BorderLayout是Window.Frame和Dialog的默认布局管理器,其将容器分成North.South.East.West和Center 5个区域,每个区域只能放置一个组件. 在使用add()方法添加组件到容器时,必须指定将其放置在哪个区域中. 使用BorderLayout时,如果容器大小发生变换,组件的相对位置不变. 1 package TomAwt; 2 3 4 import java.applet.Applet; 5 import java.awt.*; 6 public c

react篇章-React State(状态)-将生命周期方法添加到类中

将生命周期方法添加到类中 在具有许多组件的应用程序中,在销毁时释放组件所占用的资源非常重要. 每当 Clock 组件第一次加载到 DOM 中的时候,我们都想生成定时器,这在 React 中被称为挂载. 同样,每当 Clock 生成的这个 DOM 被移除的时候,我们也会想要清除定时器,这在 React 中被称为卸载. 我们可以在组件类上声明特殊的方法,当组件挂载或卸载时,来运行一些代码: <!DOCTYPE html> <html> <head> <meta cha