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 animate 动画效果使用说明
Nov 04 Javascript
seajs中模块的解析规则详解和模块使用总结
Mar 12 Javascript
js中获取键盘事件的简单实现方法
Oct 10 Javascript
如何理解jQuery中的ajaxSubmit方法
Mar 13 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
Sep 25 Javascript
详解React 的几种条件渲染以及选择
Oct 23 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
iphone刘海屏页面适配方法
May 07 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
基于ant design日期控件使用_仅月份的操作
Oct 27 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_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
PHP获取访问页面HTTP状态码的实现代码
2016/11/03 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
网络之美 JavaScript中Get和Set访问器的实现代码
2010/09/19 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
2012/01/15 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
JS教程:window.location使用方法的区别介绍
2013/10/04 Javascript
jquery如何把数组变为字符串传到服务端并处理
2014/04/30 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
2017/06/01 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
jQuery实现的电子时钟效果完整示例
2018/04/28 jQuery
JS实现生成由字母与数字组合的随机字符串功能详解
2018/05/25 Javascript
微信小程序tabbar底部导航
2018/11/05 Javascript
jQuery实现上下滚动公告栏详细代码
2018/11/21 jQuery
Vue核心概念Getter的使用方法
2019/01/18 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
利用soaplib搭建webservice详细步骤和实例代码
2013/11/20 Python
利用Python获取操作系统信息实例
2016/09/02 Python
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
python学生管理系统学习笔记
2019/03/19 Python
Python读写文件基础知识点
2019/06/10 Python
python简单鼠标自动点击某区域的实例
2019/06/25 Python
python代码 FTP备份交换机配置脚本实例解析
2019/08/01 Python
python系列 文件操作的代码
2019/10/06 Python
Python实现的北京积分落户数据分析示例
2020/03/27 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
SportsDirect.com马来西亚:英国第一体育零售商
2018/11/21 全球购物
瑞士隐形眼镜和护理产品网上商店:Linsenklick
2019/10/21 全球购物
2015年消防工作总结
2015/04/24 职场文书
歌剧魅影观后感
2015/06/05 职场文书
实施意见格式范本
2015/06/05 职场文书
西游记读书笔记
2015/06/25 职场文书