从javascript中选择liststyle

时间:2015-08-28 23:43:36

标签: javascript css select html-lists options

我的代码:



<div class="chosen-drop">
    <div class="chosen-search">
        <input type="text" autocomplete="off">
    </div>
    <ul class="chosen-results">
        <li class="active-result result-selected" style="" data-option-array-index="0">Kategori</li>
        <li class="active-result level-0" style="" data-option-array-index="1">Action och sport</li>
        <li class="active-result level-0" style="" data-option-array-index="2">Festlokaler och övernattning</li>
        <li class="active-result level-0" style="" data-option-array-index="3">Företagsaktiviteter</li>
        <li class="active-result level-1" style="" data-option-array-index="4">&nbsp;&nbsp;&nbsp;Kick off</li>
        <li class="active-result level-0" style="" data-option-array-index="5">Mat och dryck</li>
        <li class="active-result level-0" style="" data-option-array-index="6">Övrigt</li>
        <li class="active-result level-0" style="" data-option-array-index="7">Spa och relax</li>
        <li class="active-result level-0" style="" data-option-array-index="8">Underhållning</li>
    </ul>
</div>
&#13;
&#13;
&#13;

这些任何javascript代码都可以选择&#34;结果选择&#34;。我知道怎么做,但我需要这样做是出于回应的原因。

1 个答案:

答案 0 :(得分:0)

var result = document.getElementsByClassName('result-selected')[0];

这会返回一个HTMLCollection,它有点像标准数组,因此只有在只有一个类result-selected的元素时才会有效。