How to click on an <li> element with javascript?

Question

Assuming that we have html like the one below, I want to be able to click on the element using javascript just as if I it was a link.

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

Thanks

Just a note (may save from styling issues in the future), there's an extra space in front of your text in the h2 element. If you want padding, add .myClass h2{padding-left:3px;} to your css. — Beez
– Beez, Commented Sep 21, 2011 at 14:11
@Beez That space character has no effect on the presentation of the H2 element. — Šime Vidas
– Šime Vidas, Commented Sep 21, 2011 at 14:22
Really? I didn't realize h2 elements ignored white-space...I'll have to read the spec, now. Thanks, @Vidas — Beez
– Beez, Commented Sep 21, 2011 at 14:38
H'm. Doesn't say anything about it. Well, it appears you're right, still. I thought it only ignored spaces > 1. Good to know! Thanks! — Beez
– Beez, Commented Sep 21, 2011 at 14:58

Nathan Q · Accepted Answer · 2011-09-21 14:30:54Z

2

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

In your javascript create the function doSomething()

And maybe use CSS on the li element:

li.myClass {
    cursor:pointer;
}

answered Sep 21, 2011 at 14:02

Nathan Q

1,90220 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

StrongLucky · Accepted Answer · 2011-09-21 14:44:03Z

0

You could also use jQuery. It's more easy to work with jQuery. There you would give the li element an id or a class and then you could use this code:

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

or with id:

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

I would also advise to put a pointer on the element by adding " cursor: pointer; " to the css. So everyone knows it's possible to click on it :)

answered Sep 21, 2011 at 14:44

StrongLucky

5885 silver badges16 bronze badges