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 使用点滴函数代码
May 20 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
js中typeof的用法汇总
Dec 12 Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 Javascript
js常用系统函数用法实例分析
Jan 12 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 Javascript
深入理解JavaScript中的箭头函数
Jul 28 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
浅谈js中的in-for循环
Jun 28 Javascript
详解vue 命名视图
Aug 14 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
Syphon 虹吸式咖啡壶冲煮–拨动法
2021/03/03 冲泡冲煮
模仿OSO的论坛(一)
2006/10/09 PHP
PHP中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
laravel框架 laravel-admin上传图片到oss的方法
2019/10/13 PHP
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
jQuery中dequeue()方法用法实例
2014/12/29 Javascript
Angularjs 设置全局变量的方法总结
2016/10/20 Javascript
angular2倒计时组件使用详解
2017/01/12 Javascript
Angular企业级开发——MVC之控制器详解
2017/02/20 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
微信小程序实现图片上传放大预览删除代码
2020/06/28 Javascript
webpack4.x CommonJS模块化浅析
2018/11/09 Javascript
vue实现固定位置显示功能
2019/05/30 Javascript
在Python的web框架中中编写日志列表的教程
2015/04/30 Python
python读取word文档的方法
2015/05/09 Python
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
PyQt5实现从主窗口打开子窗口的方法
2019/06/19 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
基于python实现把图片转换成素描
2019/11/13 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
pytorch 批次遍历数据集打印数据的例子
2019/12/30 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
html5 拖拽及用 js 实现拖拽功能的示例代码
2020/10/23 HTML / CSS
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
了解AppleShare protocol(AppleShare协议)吗
2015/08/28 面试题
网络维护管理员的自我评价分享
2013/11/11 职场文书
生物技术研究生自荐信
2013/11/12 职场文书
医科大学生的自我评价
2013/12/04 职场文书
股权投资意向书
2014/04/01 职场文书
一年级学生期末评语
2014/04/21 职场文书
团队精神的演讲稿
2014/05/14 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
2019公司管理制度
2019/04/19 职场文书