0

データベースで幅、高さ、上、左のプロパティを使用して、特定の div に設定しています。

$information =<<<HEREENDS
    <div id = "randomDiv" style = "
        left: {$array[0][3]}px;
        top: {$array[0][4]}px; 
        width : {$array[0][5]}px; 
        height : {$array[0][6]}px; " > 
    </div> 
HEREENDS;
        echo $information;

それは機能しますが、よりスマートなソリューションを探しています-配列をjavascriptに送信し、これらのスタイルをインラインではなくjavascriptで設定する方法はありますか?

前もって感謝します。

4

1 に答える 1

1

はい。JavaScript を使用すると、プロパティを通じてスタイル値にアクセスして変更できますstyle。例えば：

var myElement = document.getElementById("randomDiv");
myElement.style.left = $array[0][3] + 'px';
myElement.style.top = $array[0][4] + 'px';
myElement.style.width = $array[0][5] + 'px';
myElement.style.height = $array[0][6] + 'px';

または、次を使用してスタイル文字列全体をスタイルに入れることができますstyle.cssText。

var myStyle = "left: {$array[0][3]}px;top:{$array[0][4]}px;width:{$array[0][5]}px;height : {$array[0][6]}px;";
document.getElementById("myElement").style.cssText = myStyle;

style.cssText要素の以前のスタイルを上書きすることに注意してください。

要素がまだ存在しない場合でも、これを行う理由はありません。いずれにせよ、JavaScript は単純に要素のstyle属性を変更します。

于 2013-05-22T08:13:54.677 に答える