javascript - 从列表中获取属性

我的侧边栏包含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，以便我可以存储它供以后使用。

我可以使用javascript完成此操作吗？

最佳答案

您声明：

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;
}