Щелчок по элементу списка

[lemoral]

Имеется такой список:

<div class="span3">
            	<!-- Filter -->
                <nav id="options" class="work-nav">
                    <ul id="filters" class="option-set" data-option-key="filter">
                    	<li class="type-work">Type of Work</li>
                        <!--<li><a href="#filter" data-option-value="*" class="selected">All Projects</a></li>-->
                        <li><a href="#filter" data-option-value=".beauty1">beauty1</a></li>
                        <li><a href="#filter" data-option-value=".beauty2">beauty2</a></li>
                        <li><a href="#filter" data-option-value=".beauty3">beauty3</a></li>
                        <li><a href="#filter" data-option-value=".beauty4">beauty3</a></li>
                    </ul>
                </nav>
                <!-- End Filter -->
            </div>

Как щелкнуть программно по какому-либо его элементу, например, по второму? И делать это в тот момент, когда пользователь переходит по ссылке, ведущей на div, где лежит этот список? Ну или делать это при загрузке страницы....

[kostyanet]

Его надо найти и el.click();

[Sigizmund2012]

Как-то так:

document.addEventListener("DOMContentLoaded", ready); 

function ready(event){

var list = document.querySelectorAll('#filters li');

list[1].firstElementChild.click();

}

[kostyanet]

На самом деле надо видеть исполнительные коды и не придется золотую рыбку кликать. Достаточно задать значение по умолчанию при загрузке и запустить рендер, чтоб показал его самое.

[lemoral]

Sigizmund2012,
спасибо большое!

[kostyanet]

Блондинки заполонили площадку.