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 相关文章推荐
setTimeout和setInterval的浏览器兼容性分析
Feb 27 Javascript
javascript 在firebug调试时用console.log的方法
May 10 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
vue实现跨域的方法分析
May 21 Javascript
React中使用外部样式的3种方式(小结)
May 28 Javascript
详解vue-cli@2.x项目迁移日志
Jun 06 Javascript
微信小程序点击view动态添加样式过程解析
Jan 21 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/11/19 PHP
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
php在window iis的莫名问题的测试方法
2013/05/14 PHP
PHP易混淆知识整理笔记
2015/09/24 PHP
PHP中上传文件打印错误错误类型分析
2019/04/14 PHP
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
JavaScript实现动态增删表格的方法
2017/03/09 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
js console.log打印对象时属性缺失的解决方法
2019/05/23 Javascript
js 将线性数据转为树形的示例代码
2019/05/28 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python中的jquery PyQuery库使用小结
2014/05/13 Python
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
python 匹配url中是否存在IP地址的方法
2018/06/04 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
python 随机打乱 图片和对应的标签方法
2018/12/14 Python
python for和else语句趣谈
2019/07/02 Python
pytorch中torch.max和Tensor.view函数用法详解
2020/01/03 Python
学生实习介绍信
2014/01/15 职场文书
家长给孩子的评语
2014/01/30 职场文书
信用社员工先进事迹材料
2014/02/04 职场文书
项目工作说明书
2014/07/29 职场文书
电力培训心得体会
2014/09/02 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年人力资源部工作总结
2014/11/19 职场文书
2015年仓库管理工作总结
2015/05/25 职场文书
Javascript 解构赋值详情
2021/11/17 Javascript
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技