JS——样式获取的兼容写法

样式获取普通获取属性方式div.style.width或者div.style["width"]无法获取内嵌和外链式,只能获取行内式 window.getComputedStyle(div, null) 返回元素的长宽等带有单位px 第二个参数是伪类,没有填null <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <…

js事件的一些兼容写法

事件兼容事件对象的兼容获取键码兼容默认行为兼容阻止事件冒泡兼容事件监听兼容 ---- 封装删除事件监听兼容 ---- 封装事件委托->获取事件源兼容…

js处理事件冒泡（兼容写法）

event = event || window.event; if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubble = true; }…

js Date格式化时间兼容写法

var time = "2018-03-12 11:11:11".split(/[- : \/]/); date = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]); console.log(date);…

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言在开发中,兼容性问题是最常见的,今天就来介绍一下关于获取滚动条高度的兼容性写法,宽度同理,我在这里就不一一解释了各浏览器的写法 IE6/7/8 document.documentElement.scrollTop IE9以上 window.pageYOffset或者document.documentElement.scrollTop Safari window.pageYOffset 与document.body.s…

javascript常用函数封装——运动、cookie、ajax、获取行内样式兼容写法、拖拽

运动.cookie.ajax.获取行内样式兼容写法.拖拽封装大合集. //url,data,type,timeout,success,error function ajax(options){ //-1 整理options options=options||{}; options.data=options.data||{}; options.timeout=options.timeout||0; options.type=options.type||'get'; //0 整理data var a…

javascript获取行间样式和非行间样式--兼容写法

style:获取行间样式: currentStyle:获取计算后的样式,也叫当前样式.最终样式. 优点:可以获取元素的最终样式,包括浏览器的默认值,而不像style只能获取行间样式,所以更常用到.注意:不能获取复合样式如background属性值,只能获取单一样式如background-color等. alert (oAbc.currentStyle);IE8和Opera 11弹出了“object CSSStyleDeclaration”:FF 12.chrome 14.safari 5则弹出“…

为什么我获取不到这个css样式？js原生获取css样式总结

还是自己遇到的一个坑的总结吧!与其说是坑不如说自己学艺不精,让我先哭一会!! 需求简单就是获取一个css的height (好吧就是一个这么简单的需求) 实践好吧长时间的JQ 我已经对原生无能了让我默哀3秒!!! document.querySelector('.className').style.height; 这个果然不生效好吧看来我真的倒退不少!让我再哭一会!!(哭你妹快去总结) 在学习中发现其实js原生获取css的方法很多,上面写的就是其中一种,只不过情景不对啊! get…

js中获取css样式属性值

关于js中style,currentStyle和getComputedStyle几个注意的地方 (1)用js的style只能获取元素的内联样式,内部样式和外部样式使用style是获取不到的.针对css样式里background-color;margin-left之类的短杠相接的属性名称,在使用style属性获取设置样式的时候名称要改为驼峰式,如ele.style.backgroundColor. (2)currentStyle可以弥补style的不足(可获取内联样式,内部样式和外部样式),但是只…

样式计算的几种方式与兼容写法：getComputedStyle&currentStyle&style

window.getComputedStyle(element,[string]) 1参为需要获取样式的元素,2参指定伪元素字符串(如“::after”,不需要则为null),设置2参可获取element的伪元素css样式返回一个CSSStyleDeclaration对象,是所有css样式(内部.外部.内联)按层叠规则作用于该元素的最终结果样式获得的样式只能读取不能设置常用于FF,IE9+以下不支持此方法 element.currenStyle 返回一个CSSStyleDeclaratio…