1

こんにちは、要素 (dom ノード) があり、疑似 CSS ホバー CSS スタイルがあります。Javascript を使用してこの CSS スタイルを取得したいのですが、Chrome Web ブラウザーを使用しています。

4

2 に答える 2

3

を使用して、要素の計算されたスタイル (現在適用されているスタイル) を取得できます。window.getComputedStyle(element)

あなたの場合、要素がホバーされているときに上記を呼び出し、後で目的のために保存されたスタイルオブジェクトを使用できます。

参照: https://developer.mozilla.org/en-US/docs/DOM/window.getComputedStyle

デモ: http://jsfiddle.net/ur297/

コード:

var hoverStyles = false;
$('.foo').hover(function() {
    hoverStyles = window.getComputedStyle(this);
    printStyles(hoverStyles );
}, function() {});

function printStyles(_styles) {
    console.log('Color: ' + _styles.color);
    console.log('Background Color: ' + _styles.backgroundColor);
}
于 2012-09-30T07:44:50.117 に答える
2 
  function getStyle(el,styleProp)
{
    var x = document.getElementById(el);
    if (x.currentStyle)
        var y = x.currentStyle[styleProp];
    else if (window.getComputedStyle)
        var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
    return y;
}

font-size のような CSS を取得する

getStyle(document.getElementById("container"), "font-size");
于 2012-09-30T07:41:22.100 に答える