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

时间:2013-09-24    点击:92   
注: 获取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弹出DIV窗口层的效果
js判断选择时间不能小于当前时间的示例代码
CSS+jQuery实现的一个放大缩小动画效果
JavaScript中访问节点对象的方法有哪些如何使用
基于jquery实现的省市区级联无ajax
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved