JS.elementGetStyle(element, 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);

  }