0

i have branch of links placed one after the other with
between them i want to loop though each link and invoke its click() event what is the best way to do this?

<div id="playlistContainer" >
<a href="javascript:void(0);" onclick="loadNewVideo('xxxx1','0');">Blah 1</a><br>
<a href="javascript:void(0);" onclick="loadNewVideo('xxxxx3','0');">Blah 1</a><br>
<a href="javascript:void(0);" onclick="loadNewVideo('xxxxx4','0');">TBlah 2</a><br>
<a href="javascript:void(0);" onclick="loadNewVideo('xxxxx5','0');">Blah 3</a><br>
<a href="javascript:void(0);" onclick="loadNewVideo('xxxxx6','0');">Blah 4</a><br>
</div>

so when i know the first link object how can i know the next link (href object ) which is next in the list?

UPDATE: Thank for answering about the loop , but my last question is , if i have the first link as object in function , how can i know what is the next link ?

2
  • 1
    You should not use HTML anchors to invoke a JavaScript action unless you are providing a valid URL—you should use something like a <button> instead, styled like a link if you like—and you should not place your JavaScript code directly in your HTML markup, but should instead attach your handlers to your HTML code through JavaScript (e.g. addEventListener). Commented Dec 3, 2011 at 20:12
  • your saying if i have "the first link as object in function" how can i know what is the next link, i dont understand what you mean Commented Dec 3, 2011 at 20:39

1 Answer 1

3

Try this:

var as = document.getElementsByTagName("a");
for (var i=0; i<as.length; i++) {
  // Call the "onclick" handler for each "a" element.
  as[i].onclick();
}
Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.