Как нажать на элемент <li>с помощью JavaScript?

Question

Предполагая, что у нас есть HTML, как показано ниже, я хочу иметь возможность щелкнуть по элементу, используя JavaScript, как если бы я был ссылкой.

<li class="myClass" data-type="onClick" data-target="something://url">
    <img src="img.png" alt="image"/>
    <h2> Text</h2>
</li>

Спасибо

Answer 1

<li class="myClass" onclick="doSomething()">
    <img src="img.png" alt="image"/>
    <h2> Text</h2>
</li>

В вашем javascript создайте функцию doSomething ()

и, возможно, используйте CSS для элемента li:

li.myClass {
    cursor:pointer;
}

Answer 2

Вы также можете использовать jQuery.С jQuery работать проще.Там вы бы дали элементу li идентификатор или класс, а затем могли бы использовать этот код:

$(".myClass").click( function() {
 // .. do the code
});

или с идентификатором:

$("#myID").click( function() {
 // .. do the code
});

Я бы также советовал поставить указательна элемент, добавив «курсор: указатель;» к CSS.Так что все знают, что можно нажать на нее:)