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 相关文章推荐
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
使用Sticker.js实现贴纸效果
Jan 28 Javascript
Knockoutjs 学习系列(一)ko初体验
Jun 07 Javascript
Node.js Streams文件读写操作详解
Jul 04 Javascript
详谈JS中数组的迭代方法和归并方法
Aug 11 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
原生javascript实现连连看游戏
Jan 03 Javascript
Vue自定义指令写法与个人理解
Feb 09 Javascript
JavaScript碰撞检测原理及其实现代码
Mar 12 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
PHP调用三种数据库的方法(3)
2006/10/09 PHP
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
Drupal7连接多个数据库及常见问题解决
2014/03/02 PHP
PHP实现过滤各种HTML标签
2015/05/17 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
mui上拉加载功能实例详解
2017/04/13 Javascript
详谈构造函数加括号与不加括号的区别
2017/10/26 Javascript
vue2.0 根据状态值进行样式的改变展示方法
2018/03/13 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
python 正则式 概述及常用字符
2009/05/07 Python
Python中使用Inotify监控文件实例
2015/02/14 Python
python每隔N秒运行指定函数的方法
2015/03/16 Python
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
Python 基础教程之包和类的用法
2017/02/23 Python
Python中表示字符串的三种方法
2017/09/06 Python
Python logging模块用法示例
2018/08/28 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
Python 依赖库太多了该如何管理
2019/11/08 Python
使用python-opencv读取视频,计算视频总帧数及FPS的实现
2019/12/10 Python
Python 自由定制表格的实现示例
2020/03/20 Python
css3 box-sizing属性使用参考指南
2013/01/08 HTML / CSS
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
Oracle性能调优原则
2012/05/03 面试题
几个常见的消息中间件(MOM)
2014/01/08 面试题
硕士研究生个人求职信
2013/12/04 职场文书
2014组织生活会方案
2014/05/19 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
2015年污水处理厂工作总结
2015/05/26 职场文书
Python中生成随机数据安全性、多功能性、用途和速度方面进行比较
2022/04/14 Python