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