How to write all data from Array?

Question

I have HTML like :

<div id="divid">
  <a href="d#link1">1</a>
    <a href="d#link2">2</a>
    <a href="d#link3">3</a>
    .....................
</div>

I have script to get all links from a div like :

<script>
    var links = document.getElementById('divid').getElementsByTagName('a') ;
</script>

Then I want write link into class like :

<script>
        var links = document.getElementById('divid').getElementsByTagName('a') ;
        document.write("<div class="'+link[1]+" "+ link[i]+'">Class is added links</div>");
</script>

That mean after write I have HTML:

<div class="d#link1 d#link2 d#link3">Classes is added links</div>

How can I do this? Using for loop or not? how?

You're right, use a for loop. It's simple enough, and a google search yields many many results — pho
– pho, Commented Nov 29, 2013 at 16:15
JavaScript for loop. But actually your code is bad practice. — noob
– noob, Commented Nov 29, 2013 at 16:15
@mic perhaps you can share with him HOW it is bad practice? ;-) — buzzsawddog
– buzzsawddog, Commented Nov 29, 2013 at 16:23

Guffa · Accepted Answer · 2013-11-30 11:59:23Z

3

You have to get the href property from each element. Put them in an array, and you can just join the strings:

var elements = document.getElementById('divid').getElementsByTagName('a');
var links = [];
for (var i = 0; i < elements.length; i++) {
  links.push(elements[i].href);
}
document.write("<div class="' + links.join(" ") + '">Class is added links</div>");

edited Nov 30, 2013 at 11:59

answered Nov 29, 2013 at 16:20

Guffa

703k112 gold badges760 silver badges1k bronze badges

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

Comments

Domi · Accepted Answer · 2013-11-29 16:15:44Z

1

Use join in combination with map:

var classString = links.map(function(link) { return link.attributes.href; } ).join(' ');

answered Nov 29, 2013 at 16:15

Domi

24.9k19 gold badges104 silver badges133 bronze badges

2 Comments

Guffa Over a year ago

The downvote was probably because you were joining the elements, as that's what the answer said when you got the downvote. No downvote from me, but note that the map method doesn't exist in IE until version 9.

Hai Tien Over a year ago

thanks domi. I highly appreciate your help. vote up for your answer.

Collectives™ on Stack Overflow

How to write all data from Array?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related