javascript - 从列表中获取属性

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