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