JS.elementGetStyle(element, style)应用示例

更新时间：2013年09月24日 08:48:43 作者：

获取Dom元素的Style数组中的指定Style元素，下面有个不错的示例，感兴趣的朋友可以参考下，希望对大家有所帮助

注：获取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); 
} 

elementGetStyle

JS监听元素dom变化方案详解
这篇文章主要给大家介绍了关于JS监听元素dom变化的相关资料,监听DOM大小的变化,在前端开发中,算是一个比较常见的需求,比如我们要制作可伸缩的图表的时候,可能需要根据DOM大小的变化,进行动态的更新图表,需要的朋友可以参考下
2023-09-09
JS代码简洁方式之函数方法详解
这篇文章主要介绍了JS代码简洁方式之函数方法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-07-07
JS使用正则表达式提交页面验证的代码
这篇文章主要介绍了JS使用正则表达式提交页面验证的代码，本文图文实例代码相结合给大家介绍的非常详细,需要的朋友可以参考下
2019-10-10
九种原生js动画效果
这篇文章主要介绍了九种原生js动画效果，个个都非常精彩，都值得大家学习，需要的朋友可以参考下
2015-11-11
IE8 内存泄露(内存一直增长 )的原因及解决办法
最近开发的时候对页面使用了定时的局部更新，结果在ie6，7和Firefox下，一切正常，而在ie8下过上几个小时就浏览器就崩溃了，显示是内存溢出，下面由脚本之家小编给大家介绍ie8下内存一直增长内存泄漏的原因及解决办法，需要的朋友一起学习吧
2016-04-04
HTML5开发Kinect体感游戏的实例应用
这篇文章主要介绍了HTML5开发Kinect体感游戏的实例应用的相关资料,希望通过本文能够帮助到大家，需要的朋友可以参考下
2017-09-09
使用swiper自定义分页点击跳转指定页面
这篇文章主要介绍了使用swiper自定义分页点击跳转指定页面方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04
javascript:window.open弹出窗口的位置问题
这篇文章主要介绍了javascript:window.open弹出窗口的位置问题,需要的朋友可以参考下
2014-03-03
8 个有用的JS技巧(推荐)
这篇文章主要介绍了8 个有用的JS技巧(推荐)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-07-07
JavaScript表单通过正则表达式验证电话号码
通过正则表达式实现判断一个输入量是否为电话号码,需要的朋友可以参考下
2014-03-03