 
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

復(fù)制代碼代碼如下:

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

elementGetStyle

相關(guān)文章

JS監(jiān)聽元素dom變化方案詳解
這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽元素dom變化的相關(guān)資料,監(jiān)聽DOM大小的變化,在前端開發(fā)中,算是一個比較常見的需求,比如我們要制作可伸縮的圖表的時候,可能需要根據(jù)DOM大小的變化,進(jìn)行動態(tài)的更新圖表,需要的朋友可以參考下
2023-09-09
JS代碼簡潔方式之函數(shù)方法詳解
這篇文章主要介紹了JS代碼簡潔方式之函數(shù)方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
JS使用正則表達(dá)式提交頁面驗證的代碼
這篇文章主要介紹了JS使用正則表達(dá)式提交頁面驗證的代碼，本文圖文實例代碼相結(jié)合給大家介紹的非常詳細(xì),需要的朋友可以參考下
2019-10-10
九種原生js動畫效果
這篇文章主要介紹了九種原生js動畫效果，個個都非常精彩，都值得大家學(xué)習(xí)，需要的朋友可以參考下
2015-11-11
IE8 內(nèi)存泄露(內(nèi)存一直增長 )的原因及解決辦法
最近開發(fā)的時候?qū)撁媸褂昧硕〞r的局部更新，結(jié)果在ie6，7和Firefox下，一切正常，而在ie8下過上幾個小時就瀏覽器就崩潰了，顯示是內(nèi)存溢出，下面由腳本之家小編給大家介紹ie8下內(nèi)存一直增長內(nèi)存泄漏的原因及解決辦法，需要的朋友一起學(xué)習(xí)吧
2016-04-04
HTML5開發(fā)Kinect體感游戲的實例應(yīng)用
這篇文章主要介紹了HTML5開發(fā)Kinect體感游戲的實例應(yīng)用的相關(guān)資料,希望通過本文能夠幫助到大家，需要的朋友可以參考下
2017-09-09
使用swiper自定義分頁點擊跳轉(zhuǎn)指定頁面
這篇文章主要介紹了使用swiper自定義分頁點擊跳轉(zhuǎn)指定頁面方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-04-04
javascript:window.open彈出窗口的位置問題
這篇文章主要介紹了javascript:window.open彈出窗口的位置問題,需要的朋友可以參考下
2014-03-03
8 個有用的JS技巧(推薦)
這篇文章主要介紹了8 個有用的JS技巧(推薦)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-07-07
JavaScript表單通過正則表達(dá)式驗證電話號碼
通過正則表達(dá)式實現(xiàn)判斷一個輸入量是否為電話號碼,需要的朋友可以參考下
2014-03-03