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 相关文章推荐
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
Jun 10 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
javascript学习笔记(一)基础知识
Sep 30 Javascript
jQuery中:file选择器用法实例
Jan 04 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
node.js中express-session配置项详解
May 31 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
mint-ui在vue中的使用示例
Apr 05 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
原生js实现九宫格拖拽换位
Jan 26 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中创建并处理图象
2006/10/09 PHP
PHP操作文件方法问答
2007/03/16 PHP
基于MySQL分区性能的详细介绍
2013/05/02 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
jquery里的正则表达式说明
2011/08/03 Javascript
NodeJS学习笔记之Http模块
2015/01/13 NodeJs
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
JavaScript函数中关于valueOf和toString的理解
2016/06/14 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
angularjs实现上拉加载和下拉刷新数据功能
2017/06/12 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
ant design实现圈选功能
2019/12/17 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
Python的包管理器pip更换软件源的方法详解
2016/06/20 Python
python发送邮件功能实现代码
2016/07/15 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
python生成并处理uuid的实现方式
2020/03/03 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
优秀求职自荐信怎样写
2013/12/18 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
毕业生简历自我评价范文
2014/04/09 职场文书
交通事故赔偿协议书范本
2014/04/15 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
幼儿园大班教师个人总结
2015/02/05 职场文书
大班上学期个人总结
2015/02/13 职场文书
实习生个人总结范文
2015/02/28 职场文书
房地产公司财务总监岗位职责
2015/04/03 职场文书
歼十出击观后感
2015/06/11 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
Windows server 2012搭建FTP服务器
2022/04/29 Servers