getStyle(getComputedStyle currentstyle) 获取非行间样式函数封装
function getStyle(obj,attr) //obj为对象,attr为样式属性{ if(obj.currentStyle){return obj.currentStyle[attr];}else{return getComputedStyle(obj,false)[attr];} }
手写js获取非行间样式,上次讲到offsetWidth获取元素的width不是太准确,因为其实盒模型计算(计算时包含了margin、padding、border等的值),所以这次特地讲讲非行间获取样式。封装getStyle用来获取非行间样式,需要用到currentStyle和getComputedStyle这两个属性。
注意:style只能获取行内的样式,即定义属性时写在了body内的,比如<input style="width:... ;height:.. ">,而定义在head或者css文件中的属性就属于非行间样式。
转载于:https://www.cnblogs.com/JSBlog/archive/2013/05/10/3070608.html
getStyle(getComputedStyle currentstyle) 获取非行间样式函数封装相关推荐
- 非行间样式 函数封装 代码复用 定时器
1.获取行间样式 标签.style.样式名 如果样式名是-链接 使用驼峰命名 例如font-size fontSize ==标签.style.样式名 只能获取行间样式== 2.获取非行间样式和行间样式 ...
- JS一起学05:Date对象、封闭空间、函数传参和封装、获取非行间样式、字符串操作
一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1 获取月份 0-11----->1-12 oDate.getDate() 获 ...
- JS(函数返回值、获取非行间样式、函数封装、函数复用、定时器)
// 函数返回值 // 什么时候需要用:函数外想要使用内部的数据的时候 // 语法: return 返回值 // 1.返回回函数里的值 function fun1 (){ var a = 1; ret ...
- javascript-数据类型,json与数组,获取非行间样式
一.javascript组成: 1.ECMAScript 解释器 2.DOM (文档对象模型:document object model) document 3.BOM(浏览器对象模型:brow ...
- [js]写一个获取非行间样式的方法
[js]写一个获取非行间样式的方法 window.getComputedStyle()?window.getComputedStyle(element).attribute:element.curre ...
- js获取非行间样式--有bug,忧伤
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 获取非行间样式的获取
当我们的样式写在行间的时候,JS可以通过style获取, 然而style也只能获取或操作行间样式,当我们需要获取非行间的样式时, 应该采用什么方法呢? 首先定义一个div并为他设置样式: <st ...
- JS中的DOM操作属性、DOM创建、DOM增加、DOM修改、DOM删除以及DOM获取非行间样式
当网页被加载时,浏览器会创建页面的文档对象模型DOM(Document Object Model),在DOM中,每个东西都是节点. DOM四大操作:查找.更新.添加.删除 通过DOM,JavaScri ...
- JavaScript提取非行间样式
提取行间样式一般格式 object.style.width=value; 提取非行间样式 IE浏览器下的写法:obj.currentStyle.name 火狐浏览器或者谷歌浏览器的写法:g ...
- Python量化交易实战-10实时获取股票的数据函数封装
B站配套视频教程观看 实时获取股票的数据函数封装 实现股票数据获取的模块及方法 从这节课开始 我们就开始构建所谓的量化交易系统,量化交易平台功能模块. 上面是量化交易系统的功能模块图,主要分为3块,第 ...
最新文章
- C++ 使用 curl 进行 http 请求(GET、POST、Download)的封装
- mysql错误用法insert into where
- iphone有什么软件可以修改html,现在iPhone组装机太可怕,修改数据即可变原装?...
- 6 计算机应用技,2019年10月自考计算机应用技术习题及答案6
- WPF:WPF显示PDF文档
- Js获取字符串的显示宽度/高度
- android gradle 1.5.0,Cordova build – 无法解析com.android.tools.build:gradle:1.5.0
- Python练习:百分制到五级制的转换
- 使用根轨迹分析的动态补偿设计
- 【Hoxton.SR1版本】Spring Cloud Sleuth分布式请求链路跟踪
- Hi3519V101芯片介绍
- 微信撤回软件安卓版_微信强制撤回软件下载-微信强制撤回消息工具(不限时间) v1.0安卓版_5577安卓网...
- matlab opencv模板匹配算法,OpenCV模板匹配函数matchTemplate详解
- 信息流项目计划和思路
- 地摊经济:78岁高龄老人摆地摊的背后,蕴藏着9000万老年再就业市场的巨大商机
- win10鼠标不受控制乱动_win10 控制面板在哪里?
- 骗子公司 黑中介 黑到几时?
- python取模10^9+7_【Python爬虫】笨办法学python 习题1-10
- 学校永远不会教你的财富课:养鹅
- matlab 如何使用mex
热门文章
- Spring data jpa + sqlserver + druid, druid连接sqlserver 报错:查询超时值 -1 无效。
- 3D坦克大战游戏iOS源码
- HTTP response codes
- oracle怎么绑定vue,Oracle AutoVue 安装与配置教程,oracleautovue
- Arcpy处理月NDVI,最大合成法合成年NDVI
- 腾讯技术跨越2019
- windows 10 cortana搜索功能失效
- 简单点教你python文件处理
- STM32L051测试 (三、I2C协议设备的添加测试)
- Android开发自定义短视频系统源码全局悬浮按钮