ホームページ > ウェブフロントエンド > jsチュートリアル > JS.elementGetStyle(element, style) アプリケーション例_javascript スキル

JS.elementGetStyle(element, style) アプリケーション例_javascript スキル

WBOY
リリース: 2016-05-16 17:21:40
オリジナル
1528 人が閲覧しました

注: 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 ? getPropertyValue(style) : null ;
} else if (element.currentStyle) {
value = element.currentStyle[style]
}


/* *DGFは必要ですか?
if (window.opera && ['left', 'top', 'right', 'bottom'].include(style))
if (Element.getStyle(element, 'position') == '静的') 値 = '自動';*/


return value == 'auto' ? null : value;
}


注: 選択された Dom 要素は色で強調表示されます。 0.2 秒間


コードをコピー コードは次のとおりです。 function UiWebhighlight(element,color ) {
if (! element) {return}
var highLightColor = " yellow";
if (color) {highLightColor = color}
if (element.originalColor == unknown) { //ハイライトの選択を避ける
element .originalColor = elementGetStyle(element, "background-color")
}
elementSetStyle(element, {"backgroundColor" : highLightColor}); () {
try {
// 要素が孤立している場合、おそらくそのページはすでに削除されているため、無視します
if (!element.parentNode) {
return; >elementSetStyle(element, { "backgroundColor ": element.originalColor });
} catch (e) { } // DGF のハイライト解除は非常に危険であり、優先度が低い
},
}
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート