js如何获取非行间样式
我们都知道,js不能直接获取样式表中的样式,例如width,left,只能直接获取行内样式,但是现在主流不建议写行内样式,因此我们封装一个可以直接获取非行间样式的函数
<span style="font-size:18px;"> function getStyle(obj,name){if(obj.currentStyle){return obj.currentStyle[name];}else{return getComputedStyle(obj,false)[name]; //false是一个无用的参数}}</span>
getStyle 函数有 2 个参数,第一个参数 obj 为要获取的对象,第二个参数 name 为要获取的属性,并且做了兼容处理,currentStyle 针对 IE 浏览器,getComputedStyle 针对火狐浏览器。
js如何获取非行间样式相关推荐
- JS一起学05:Date对象、封闭空间、函数传参和封装、获取非行间样式、字符串操作
一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1 获取月份 0-11----->1-12 oDate.getDate() 获 ...
- [js]写一个获取非行间样式的方法
[js]写一个获取非行间样式的方法 window.getComputedStyle()?window.getComputedStyle(element).attribute:element.curre ...
- JS(函数返回值、获取非行间样式、函数封装、函数复用、定时器)
// 函数返回值 // 什么时候需要用:函数外想要使用内部的数据的时候 // 语法: return 返回值 // 1.返回回函数里的值 function fun1 (){ var a = 1; ret ...
- javascript-数据类型,json与数组,获取非行间样式
一.javascript组成: 1.ECMAScript 解释器 2.DOM (文档对象模型:document object model) document 3.BOM(浏览器对象模型:brow ...
- js获取非行间样式--有bug,忧伤
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- JS中的DOM操作属性、DOM创建、DOM增加、DOM修改、DOM删除以及DOM获取非行间样式
当网页被加载时,浏览器会创建页面的文档对象模型DOM(Document Object Model),在DOM中,每个东西都是节点. DOM四大操作:查找.更新.添加.删除 通过DOM,JavaScri ...
- 获取非行间样式的获取
当我们的样式写在行间的时候,JS可以通过style获取, 然而style也只能获取或操作行间样式,当我们需要获取非行间的样式时, 应该采用什么方法呢? 首先定义一个div并为他设置样式: <st ...
- 非行间样式 函数封装 代码复用 定时器
1.获取行间样式 标签.style.样式名 如果样式名是-链接 使用驼峰命名 例如font-size fontSize ==标签.style.样式名 只能获取行间样式== 2.获取非行间样式和行间样式 ...
- JavaScript提取非行间样式
提取行间样式一般格式 object.style.width=value; 提取非行间样式 IE浏览器下的写法:obj.currentStyle.name 火狐浏览器或者谷歌浏览器的写法:g ...
- DOM对象,节点,获取元素的非行间样式,元素的偏移量等属性词
获取页面中的元素的方法 作用: 通过各种方式获取页面中的元素 以前我们说过, id 可以直接使用 这个方法只能通过 id 获取 今天学的就是使用各种方式 比如: id, 类名, 标签名, 选择器 的方 ...
最新文章
- SAP MM Vendor Rebate Process and Settings
- Matlab 图论最短路问题模型代码
- Set Up a Simple Knowledge Base
- 1.15运行命令直至执行成功
- java 开发人员工具_Java开发人员应该知道的7种新工具
- Ubuntu14.04设置开机可以以root用户身份登录
- 数据库调优过程(五):物理分表,及写入方案调整
- Android 系统(251)---sec2.0和sec2.1新增分区DA客制化步骤
- ExtJS4.2学习(七)EditorGrid可编辑表格(转)
- t检验及python代码实现
- 【入门教程】必看!TensorFlow中文教程:机器学习从零到一
- Channel Access Protocal——EPICS Base-3.16版CA协议 - 字节序与数据类型
- 仿企查查、天眼查关系图以及架构图(双向树,集团图谱,组织架构图谱,企业图谱,网络拓扑,人物关系网络)
- 「MacTeX 小笔记」LaTeX 学习资料推荐篇
- Springboot过滤器中注入Bean
- php array的用法,PHP array() 函数用法及示例
- Laravel 资源管理器 destory方法
- 断裂韧性、冲击强度、抗弯强度——烧结钕铁硼的力学性能
- 2.4亿美元刷新国漫融资纪录,资本缘何偏爱快看?
- iOS开发系列--IOS程序开发概览ios基础