1

このサイドバーには 3 つのリスト アイテムがあります。

HTML:

<div id="sideMenu" >
    <ul class="bmenu">
        <li id="f1" onclick="style1()">Style 1</li> <!--turn sidebar on/off-->
        <li id='f2' onclick="style2()">Style 2</li> <!--randomize vidcontain border-->
        <li id='f3' onclick="style3()">Style 3</li>
    </ul>
</div>

後で使用するために保存できるように、選択したリスト項目の ID を含む var を設定する必要があります。

JavaScript を使用してこれを達成できますか?

4

1 に答える 1

2

あなたはそれを宣言します：

var selectedStyle;

...そして、styleX関数内で次のように設定します。

function style1() {
    selectedStyle = "f1";
}

ただし、したくない場合はstyle1、 、style2、およびstyle3関数を別々にする必要はないことに注意してください。次のように変更した場合onclick:

onclick="setStyle(this)"

...次に、setStyle関数は、渡される DOM 要素を使用できます。DOM 要素には、要素idの を含むプロパティがidあります (すべての要素がonclickhaveid値を使用していることに気付いたため):

function setStyle(elm) {
    selectedStyle = elm.id;
}
于 2013-03-15T08:05:11.310 に答える