兼容性记录-class属性

getAttribute获得class属性时,IE6,IE7的传参是className,IE7+和现代游览器都是class

所有游览器DOMElement均有的className属性,其在IE各版本下的均表现良好返回属性class值的字符串

此外html5中DOMElement有个classList属性,它返回一个类型为DOMTokenList的对象,它其中有很多有用操作class的方法.

可以写一个通用的hasClass方法

function hasClass(n, cls) {
          var clss;
          // 现代游览器均支持classList
          if (n.classList) {
               clss = n.classList
               return clss.contains(cls);
          // className在IE各版本下表现一致
          } else if(n.className) {
               clss = ' ' + n.className + ' ';
          // 保底方法
          } else {
               clss = n.getAttribute('class');
          }
          clss = ' ' + clss + ' ';
          return clss.indexOf(cls) !== -1;
     }
时间: 2024-10-16 15:31:36

兼容性记录-class属性的相关文章

sizzle分析记录:属性选择器

源码部分 通过Sizzle.attr匹配出值 然后通过表达式刷选计算 "ATTR": function( name, operator, check ) { return function( elem ) { var result = Sizzle.attr( elem, name ); if ( result == null ) { return operator === "!="; } if ( !operator ) { return true; } resu

JFinal Model判断数据库某条记录的属性字段是否包含空值

如果做报表,一条记录中有空值,使用FreeMarker渲染word会报错,并把错误日志输出到Word中.所以需要之前判断下当前记录中属性值是否有空值. package com.huijiasoft.utils; import java.util.Iterator; import java.util.Set; import java.util.Map.Entry; import com.huijiasoft.model.User; /** * @author pangPython * 数据库工具类

js兼容性记录

做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同.这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码.就会造来客户的投诉,如果让BoSS知道了,这可不太好哦.下面是兼容IE和FF的js脚本做法和分解(部分选自网上):      .以下以 IE 代替 Internet Explorer,以 MF/FF 代替 Mozzila Firefox    //window.event   IE:有window.event对象   FF:没有window

css兼容性记录

*        , ie6,ie7可以识别: _和- ,  ie6可以识别: !important  ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级: -webkit- ,针对safari,chrome浏览器的内核CSS写法 -moz-,针对firefox浏览器的内核CSS写法 -ms-,针对ie内核的CSS写法 -o-,针对Opera内核的CSS写法

streamsets 记录header 属性

record 的header 属性可以在pipeline 逻辑中使用. 有写stages 会为了特殊目录创建reord header 属性,比如(cdc)需要进行crud 操作类型的区分 你可以使用一些processor 去创建或者更新record 的header 属性信息 一个简单的header处理图 参考资料 https://streamsets.com/documentation/datacollector/latest/help/datacollector/UserGuide/Pipel

如何使用Serilog.AspNetCore记录ASP.NET Core3.0的MVC属性

这是Serilog系列的第三篇文章. 第1部分-使用Serilog RequestLogging减少日志详细程度 第2部分-使用Serilog记录所选的终结点属性 第3部分-使用Serilog.AspNetCore记录MVC属性(本文) 第4部分-从Serilog请求记录中排除运行状况检查端点 作者:依乐祝 译文地址:https://www.cnblogs.com/yilezhu/p/12243984.html 原文地址:https://andrewlock.net/using-serilog-

JS魔法堂:属性、特性,傻傻分不清楚

一.前言 或许你和我一样都曾经被下面的代码所困扰 var el = document.getElementById('dummy'); el.hello = "test"; console.log(el.getAttribute('hello')); // IE67下输出test,其他浏览器输出null “搞毛啊?”,苦逼的Jser对着浏览器大呼一声.然后就用下面蹩脚的方式草草处理掉了. function getAttr(el, prop){ return el[prop] || el

CSS3与动画有关的属性transition、animation、transform对比

最近应公司需求,需要用css3做动画,终于把以前一直傻傻分不清楚的三个属性理解了. 索性在这里进行一个简单的对比,加深自己的记忆. 浏览器兼容性 CSS3 transform 属性 Internet Explorer 10.Firefox.Opera 支持 transform 属性. Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换). Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D

C#读取shp的属性信息

一个完整的ESRI的shape文件包括一个主文件,一个索引文件,和一个dBASE表文件.主文件是一个直接存取,变记录长度文件,其中每个记录描述一 个由其顶点列表组成的shape.在索引文件中,每条记录是在主文件中对应记录距离主文件头部的偏移量.dBASE中记录的是对应主文件中记录的属性记 录,每条主文件记录对应dBASE中的一条属性记录.几何对象和属性间的一一对应关系是基于记录编号的.在dBASE文件中的属性记录必须和主文件中的记 录保持相同的顺序.如果只需要处理dBASE文件,可以用操作数据库