Как сделать клик на элемента страницы при загрузке?

Question

[skyfly2010]

Добрый день. Вопрос вот какой. Есть страница, на ней ряд записей, записи расположены в табах.

#tab1
#tab2
#tab3
#tab4

По умолчанию активен tab1.
Мне необходимо сделать скрипт, который именно после загрузки страницы сделает клик на любом из tab по моему усмотрению. Это может быть 1, 2 или 3. Разницы нет.
Вопрос сводится к тому, как организовать клик по элементу с определенным id на странице?

<a href="#tab1" id="1">Слово</a>
<a href="#tab2" id="2">Буква</a>
<a href="#tab3" id="3">Кот</a>
<a href="#tab4" id="4">Яма</a>

Т.е. кликать должен не я, а скрипт сам должен кликнуть по элементу с определенным номером. Допустим, я укажу 3, в таком случае на onload нажимается id="3".

Answer 1

[Fedwar]

var event = new Event('click');
elem.addEventListener('click', function (e) { 
	alert('Клик');
}, false);
elem.dispatchEvent(event);

Answer 2

[Ксения]

Например при использовании jquery можно использовать trigger который вызовет событие)

Answer 3

[romy4]

$( .... $("#element").click() ... )

Comments

[skyfly2010]

Что-то как-то не получается. Я хотел поставить этот клик на загрузку body так не получилось. Не кликает.

[romy4]

skyfly2010: так это не готовый код, а заготовка. суть.

Answer 4

[Александр Вульф]

Примерно так:

jsfiddle.net/ufx2v7gw/1

Answer 5

[AnjeyTsibylskij]

$(function(){
	$('body').delegate('[href^=#tab]', 'click', function(){
  	alert($(this).attr('id'));
  });
  
  $('a#2').trigger('click');
});

jsfiddle.net/mejddvfo

Answer 6

[R3AD]

$(document).ready(function(){
$("#1").trigger('click'); //клик по id="1"
});
Если нужно присвоить класс при клике, то:
$(document).ready(function(){
$("#1").trigger('click').addClass('active'); //добавляем класс active
});