如何使用javascript点击<li>元素？</li>

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（）

也许在li元素上使用CSS：

li.myClass {
    cursor:pointer;
}

Answer 2

你也可以使用jQuery。使用jQuery更容易。你会给li元素一个id或一个类，然后你可以使用这个代码：

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

或id：

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

我还建议通过在css中添加“cursor：pointer;”来在元素上添加指针。 所以每个人都知道可以点击它：）