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基础学习资料
Nov 23 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 Javascript
js页面跳转的常用方法整理
Oct 18 Javascript
jquery弹出层类代码分享
Dec 27 Javascript
javascript页面上使用动态时间具体实现
Mar 18 Javascript
javaScript数组迭代方法详解
Apr 14 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
node.js 利用流实现读写同步,边读边写的方法
Sep 11 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
Oct 26 Javascript
vue router总结 $router和$route及router与 router与route区别
Jul 05 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 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中如何实现常用邮箱的基本判断
2014/01/07 PHP
php使用session二维数组实例
2014/11/06 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
关于二级域名下使用一级域名下的COOKIE的问题
2011/11/07 Javascript
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
JS动态调用方法名示例介绍
2013/12/18 Javascript
js分页工具实例
2015/01/28 Javascript
JavaScript返回网页中超链接数量的方法
2015/04/03 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
2021/01/06 Javascript
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
Python中使用scapy模拟数据包实现arp攻击、dns放大攻击例子
2014/10/23 Python
django表单实现下拉框的示例讲解
2018/05/29 Python
Flask框架通过Flask_login实现用户登录功能示例
2018/07/17 Python
PyCharm在新窗口打开项目的方法
2019/01/17 Python
python批量创建指定名称的文件夹
2019/03/21 Python
python定时任务 sched模块用法实例
2019/11/04 Python
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
美国体育用品商店:Rally House(NCAA、NFL、MLB、NBA、NHL和MLS)
2018/01/03 全球购物
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
化学教师自荐信范文
2013/12/28 职场文书
大学生职业生涯规划范文
2013/12/31 职场文书
2014年单位工作总结范文
2014/11/27 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
只用Python就可以制作的简单词云
2021/06/07 Python
使用Nginx搭载rtmp直播服务器的方法
2021/10/16 Servers