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实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
利用JS延迟加载百度分享代码,提高网页速度
Jul 01 Javascript
Javascript中常用类型的格式化方法小结
Dec 26 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
详解vue 在移动端体验上的优化解决方案
May 20 Javascript
vue实现点击按钮下载文件功能
Oct 11 Javascript
原生JS实现留言板功能
Feb 08 Javascript
javascript实现前端input密码输入强度验证
Jun 24 Javascript
vue watch监控对象的简单方法示例
Jan 07 Vue.js
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
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 远程图片保存到本地的函数类
2008/12/08 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
10款PHP开源商城系统汇总介绍
2015/07/23 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
PHP针对伪静态的注入总结【附asp与Python相关代码】
2017/08/01 PHP
PHP使用file_get_contents发送http请求功能简单示例
2018/04/29 PHP
Yii2结合Workerman的websocket示例详解
2018/09/10 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
JavaScript 学习笔记之语句
2015/01/14 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
js中class的点击事件没有效果的解决方法
2016/10/13 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
2017/02/22 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
python itchat实现微信好友头像拼接图的示例代码
2017/08/14 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
python3 logging日志封装实例
2020/04/08 Python
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
维氏瑞士军刀英国网站:Victorinox英国
2019/07/04 全球购物
Java基础知识面试题
2014/03/25 面试题
国际商务系学生个人的自我评价
2013/11/26 职场文书
房地产项目策划书
2014/02/05 职场文书
中学劳技课教师的自我评价
2014/02/05 职场文书
房产协议书范本2014
2014/09/30 职场文书
机关作风整顿个人剖析材料
2014/10/06 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书
Python趣味爬虫之用Python实现智慧校园一键评教
2021/05/28 Python