1

要素のスタイル変更を1ページに保存するには、WebストレージAPIを使用する必要があります。私は実際にこれを行う方法がわかりませんが、変更されたCSS属性を取得し、それを配列に格納することから始めようと思い ました。私はここで何が起こっているのかを追跡し、それを私の問題に合わせようとしています。

これは私が値を取得するために試したものですが、それが正しいかどうかはわかりません：

function newItem(){
    var bgImg = document.getElementsByTagName('body').bgImg[0].style.getPropertyValue('background');
    var wideScreen = getElementById('sidebar').style.getPropertyValue('display');
    var playerColor = getElementById('video_container').style.getPropertyValue('background-color');     
    }

上で書いたコードが必要な情報を取得しているかどうかはわかりません。

4

1 に答える 1

1

使用できますgetComputedStyle().

getComputedStyle()要素のすべての CSS プロパティの最終的な使用値を示します。

var element = document.getElementById('sidebar'),
    style = window.getComputedStyle(element),
    display = style.getPropertyValue('display');


var element = document.getElementById('video_container'),
    style = window.getComputedStyle(element),
    bg = style.getPropertyValue('background-color');
于 2013-03-15T04:29:51.537 に答える