JS.elementGetStyle(element, style)应用示例 |
本文标签:elementGetStyle 注: 获取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); } |