如何单击元素与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()

并可能在 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;”来在元素上放置一个指针。
所以每个人都知道可以点击它:)