JS.elementGetStyle(element, style)应用示例
JS.elementGetStyle(element, style)应用示例
发布时间:2016-12-30 来源:查字典编辑
摘要:注:获取Dom元素的Style数组中的指定Style元素复制代码代码如下:functionelementGetStyle(element,s...

注: 获取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教程学习
热门Javascript教程学习
编程开发子分类