JS.elementGetStyle(element, style)应用示例


Posted in Javascript onSeptember 24, 2013

注: 获取Dom元素的Style数组中的指定Style元素

function elementGetStyle(element, style) { 
var value = null; 
if (element.style) { 
value = element.style[style]; 
} 
if (!value) { 
if (document.defaultView && document.defaultView.getComputedStyle) { 
var css = document.defaultView.getComputedStyle(element, null); 
value = css ? css.getPropertyValue(style) : null; 
} else if (element.currentStyle) { 
value = element.currentStyle[style]; 
} 
} 
/** DGF necessary? 
if (window.opera && ['left', 'top', 'right', 'bottom'].include(style)) 
if (Element.getStyle(element, 'position') == 'static') value = 'auto'; */ 

return value == 'auto' ? null : value; 
}

注:选定的Dom元素以color颜色高亮0.2s
function UiWebhighlight(element,color) { 
if (!element) {return} 
var highLightColor = "yellow"; 
if (color) {highLightColor = color} 
if (element.originalColor == undefined) { // avoid picking up highlight 
element.originalColor = elementGetStyle(element, "background-color"); 
} 
elementSetStyle(element, {"backgroundColor" : highLightColor}); 
window.setTimeout(function () { 
try { 
//if element is orphan, probably page of it has already gone, so ignore 
if (!element.parentNode) { 
return; 
} 
elementSetStyle(element, { "backgroundColor": element.originalColor }); 
} catch (e) { } // DGF unhighlighting is very dangerous and low priority 
}, 200); 
}
Javascript 相关文章推荐
javascript中的location用法简单介绍
Mar 07 Javascript
JavaScript 继承详解 第一篇
Aug 30 Javascript
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
Jquery异步请求数据实例代码
Dec 28 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
js使用循环清空某个div中的input标签值
Sep 29 Javascript
angularJS提交表单(form)
Feb 09 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
解决百度Echarts图表坐标轴越界的方法
Oct 17 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 Javascript
微信小程序入门之绘制时钟
Oct 22 Javascript
最新最全的手机号验证正则表达式
Feb 24 Javascript
jquery $.each()使用探讨
Sep 23 #Javascript
jQuery ajax dataType值为text json探索分享
Sep 23 #Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 #Javascript
JS 实现导航栏悬停效果
Sep 23 #Javascript
jquery购物车实时结算特效实现思路
Sep 23 #Javascript
js下拉菜单语言选项简单实现
Sep 23 #Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 #Javascript
You might like
打造计数器DIY三步曲(下)
2006/10/09 PHP
php加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
yii权限控制的方法(三种方法)
2015/12/28 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
关于document.cookie的使用javascript
2010/10/29 Javascript
读jQuery之三(构建选择器)
2011/06/11 Javascript
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
2014/01/03 Javascript
Javascript模拟加速运动与减速运动代码分享
2014/12/11 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
在Vue中使用Compass的方法
2018/03/02 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
微信小程序获取用户openid的实现
2018/12/24 Javascript
JavaScript"模拟事件"的注意要点详解
2019/02/13 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
layui监听select变化,以及设置radio选中的方法
2019/09/24 Javascript
vue改变循环遍历后的数据实例
2019/11/07 Javascript
uni-app 支持多端第三方地图定位的方法
2020/01/03 Javascript
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG
2018/03/31 DOTA
利用Python演示数型数据结构的教程
2015/04/03 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
H5调用相机拍照并压缩图片的实例代码
2017/07/20 HTML / CSS
在C#中如何实现多态
2014/07/02 面试题
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
2015年高中生国庆节演讲稿
2015/07/30 职场文书
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python