Question

我的侧栏有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>

我需要设置一个var，它将包含我选择的列表项的ID，这样我就可以存储它供以后使用。

我能完成这个使用javascript吗？

Answer 1

你宣布：

var selectedStyle;

...然后在styleX函数中设置它：

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

但请注意，如果您不想，则不必具有单独的style1，style2和style3功能。如果您将onclick更改为：

onclick="setStyle(this)"

...然后你的setStyle函数可以使用传递给它的DOM元素，它上面有一个id属性，包含元素的id（因为我注意到了）您使用onclick的所有元素都有id个值：

function setStyle(elm) {
    selectedStyle = elm.id;
}

从列表中获取属性

1 个答案: