Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Traversing the DOM Using previousElementSibling and insertBefore

Posted by ammarkhan
.a{fill-rule:evenodd;}techdegree
ammarkhan
Front End Web Development Techdegree Student 21,661 Points

What is prevLi or previous sibling?

i am confused over the syntax of 

var insertedNode = parentNode.insertBefore(newNode, referenceNode);

as in the video it guil add parameters to be (li, PrevLi). I understand the LI is what is needed to insert it before and what is the referenceNode

1 Answer

Steven Parker
Steven Parker
231,270 Points
Steven Parker
Steven Parker
231,270 Points

The referenceNode is where the insert should happen.

In your example above, the argument you supply for referenceNode will be a node that is already part of the document where you want the new node to be inserted. After the insertBefore, the new node will be where the referenceNode was originally, and the referenceNode will now come after it.