How to add a copy of an Object at the end of an Array?

Question

How could I add a copy of the first tag at the end of an Array, since push() ,as I understand can't be used in this situation...

<p>A</p>
<p>B</p>
<p>C</p>

<script>
var pArray=document.getElementsByTagName("p");
//now I would like to add pArray[0]
</script>

You may find this helpful stackoverflow.com/questions/2735067/… — Krasimir
– Krasimir, Commented Sep 11, 2013 at 21:35

Blender · Accepted Answer · 2013-09-11 21:29:19Z

2

pArray isn't actually an array. It's a NodeList. To convert it into an array, just call Array.prototype.slice:

var pArray = Array.prototype.slice.call(document.getElementsByTagName("p"));

answered Sep 11, 2013 at 21:29

Blender

300k55 gold badges462 silver badges511 bronze badges

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

Comments

Travis J · Accepted Answer · 2013-09-11 21:34:37Z

2

jsFiddle Demo

Push is not available because pArray is actually a NodeList^MDN. However, you can add to it without using the array method push by simply assigning to the last index. cloneNode^MDN will copy the first element for you.

pArray[pArray.length] = pArray[0].cloneNode();

answered Sep 11, 2013 at 21:34

Travis J

82.6k43 gold badges213 silver badges280 bronze badges

Comments

Todd Yandell · Accepted Answer · 2013-09-11 21:49:15Z

1

If you want to actually add a copy of the first <p> tag to the DOM (rather than just modify an array), you’ll need to clone the node and insert it after the last node:

var els = document.getElementsByTagName('p');
var copy = els[0].cloneNode(true);
var last = els[els.length - 1];

last.parentNode.insertBefore(copy, last.nextSibling);

answered Sep 11, 2013 at 21:49

Todd Yandell

14.7k2 gold badges52 silver badges37 bronze badges

Collectives™ on Stack Overflow

How to add a copy of an Object at the end of an Array?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related