0

javascript を使用して動的に作成される新しい要素のスタイルを決定するために、スタイルシートによって以前に定義された要素の背景色を取得する必要がありました。

「backgroundColor」プロパティを使用しようとしましたが、戻り値が空でした。値は最初に js で設定する必要があり、その後プロパティで取得できます (16 進数ではありません)。要素を変更せずにこれに代わるものはありますか? offsetWidth を使用するのが好きですか?

CSS:

#mybox {
   width: 100px;
   height: 100px;
   margin: auto;
   background-color: #eb5;
}
#buttons {
   text-align: center;
}

HTML:

<div id="mybox"></div> <div id="buttons">
    <input type="button" value="set" onclick="setColor('#ddd')" />
    &nbsp;
    <input type="button" value="get" onclick="getColor()" />
</div>

JS:

function getColor(color){
    var box = document.getElementById("mybox");
    alert(box.style.backgroundColor);
}
function setColor(color){
    var box = document.getElementById("mybox");
    box.style.backgroundColor = color;
}

JSFiddle: http://jsfiddle.net/mevmike/FjkYA/

4

1 に答える 1