获取非行内样式代码封装
获取非行内样式的方法
(1) 标准浏览器:getComputedStyle
- 用法:getComputedStyle(要获取样式属性的元素) . 样式属性
(2) Ie8及以下浏览器:currentStyle
- 用法:要获取样式的元素.currentStyle.样式属性
(3) 以上两种方法互相不兼容
(4) 获取非行内样式的方法兼容
//获取任意元素的非行内样式
var getStyle = function(ele,attr){//1.将主要功能代码写入函数中if(ele.currentStyle==undefined){//证明当前浏览器是标准浏览器var bg = getComputedStyle(ele)[attr];return bg;}else{//否则就是在ie浏览器,就需要使用currentStylevar bg = ele.currentStyle[attr];return bg;}//2.将不确定的值提出来 做参数 不确定的值就是元素 和 属性//3.将参数代入函数中
}
获取非行内样式代码封装相关推荐
- JS(函数返回值、获取非行间样式、函数封装、函数复用、定时器)
// 函数返回值 // 什么时候需要用:函数外想要使用内部的数据的时候 // 语法: return 返回值 // 1.返回回函数里的值 function fun1 (){ var a = 1; ret ...
- 非行间样式 函数封装 代码复用 定时器
1.获取行间样式 标签.style.样式名 如果样式名是-链接 使用驼峰命名 例如font-size fontSize ==标签.style.样式名 只能获取行间样式== 2.获取非行间样式和行间样式 ...
- JS一起学05:Date对象、封闭空间、函数传参和封装、获取非行间样式、字符串操作
一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1 获取月份 0-11----->1-12 oDate.getDate() 获 ...
- js获取行内以及非行内样式
如何取到非行内样式属性的属性值 //现代浏览器 getComputedStyle(domobj,null)[attr]; //低版本的一些浏览器 domobj.currentStyle[attr]; ...
- javascript-数据类型,json与数组,获取非行间样式
一.javascript组成: 1.ECMAScript 解释器 2.DOM (文档对象模型:document object model) document 3.BOM(浏览器对象模型:brow ...
- [js]写一个获取非行间样式的方法
[js]写一个获取非行间样式的方法 window.getComputedStyle()?window.getComputedStyle(element).attribute:element.curre ...
- vue.js -- 获取dom元素的样式(非行内样式)
在vue中获取dom元素的样式: this.$refs.menuList.style.top; 这种获取方式是只能获取到元素的行内样式的. this.$refs.menuList.getBoundin ...
- JS中的DOM操作属性、DOM创建、DOM增加、DOM修改、DOM删除以及DOM获取非行间样式
当网页被加载时,浏览器会创建页面的文档对象模型DOM(Document Object Model),在DOM中,每个东西都是节点. DOM四大操作:查找.更新.添加.删除 通过DOM,JavaScri ...
- js获取非行间样式--有bug,忧伤
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 获取非行间样式的获取
当我们的样式写在行间的时候,JS可以通过style获取, 然而style也只能获取或操作行间样式,当我们需要获取非行间的样式时, 应该采用什么方法呢? 首先定义一个div并为他设置样式: <st ...
最新文章
- linux shell脚本 静态检查工具 shellcheck 简介
- CSS添加多个背景图片
- HTML+CSS+JS实现 ❤️echarts企业地区大数据图表模板❤️
- C++混淆点-static关键字理解
- 【今日CS 视觉论文速览】 21 Jan 2019
- linux 下qt 终端隐藏在后台_20 个 Linux 终端下的生产力工具 | Linux 中国
- sql left join on 多条件_SQL深入理解|关系代数、简单查询、连接
- SylixOS armv8 mmu
- 通过创建一条链来学习区块链 (1)
- 批量给excel表中的每行添加表头
- tf7: RNN—古诗词
- 电影天堂二级页面抓取案例
- css的语义---Cascading Style Sheet
- 【TF2】Eager Execution机制
- java自旋锁使用_10.Java锁之自旋锁
- calcite解读专栏前言
- CNN之绘画风格迁移-附源码地址
- python自动化测试平台方案_基于Python的软件测试自动化平台研究
- 搞数仓也得懂几个常用机器学习算法
- IEEE T PAMI投稿注意事项