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 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
Nov 07 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
JavaScript实现动画打开半透明提示层的方法
Apr 21 Javascript
JQuery中Text方法用法实例分析
May 18 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
JavaScript基础知识及常用方法总结
Jan 10 Javascript
JS使用单链表统计英语单词出现次数
Jun 16 Javascript
浅谈js原生拖放
Nov 21 Javascript
Async Validator 异步验证使用说明
Jul 03 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关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
PDO预处理语句PDOStatement对象使用总结
2014/11/20 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
PHP实现根据时间戳获取周几的方法
2016/02/26 PHP
PHP数组函数知识汇总
2016/05/12 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
PDO::errorCode讲解
2019/01/28 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
2010/04/15 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
2013/12/01 Javascript
html的DOM中Event对象onabort事件用法实例
2015/01/21 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
JS实现的添加弹出层并完成锁屏操作示例
2017/04/07 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
微信小程序一周时间表功能实现
2019/10/17 Javascript
vue + elementUI实现省市县三级联动的方法示例
2019/10/29 Javascript
JS常见错误(Error)及处理方案详解
2020/07/02 Javascript
Python3 能振兴 Python的原因分析
2014/11/28 Python
python将字符串转换成数组的方法
2015/04/29 Python
Python可视化mhd格式和raw格式的医学图像并保存的方法
2019/01/24 Python
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
软件测试英文面试题
2012/10/14 面试题
上班睡觉检讨书
2014/01/09 职场文书
会计专业大学生求职信范文
2014/01/28 职场文书
品质管理部岗位职责范文
2014/03/01 职场文书
人力资源管理专业毕业生自荐书
2014/05/25 职场文书
大学生简短的自我评价
2014/09/12 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
公司庆典欢迎词
2015/01/26 职场文书
团组织推荐意见
2015/06/05 职场文书
详解前端任务构建利器Gulp.js使用指南
2021/04/30 Javascript
python基础入门之字典和集合
2021/06/13 Python
一些让Python代码简洁的实用技巧总结
2021/08/23 Python