Question

54

Uncaught TypeError: Failed to execute 'insertBefore' on 'Node': parameter 1 is not of type 'Node'

rated 0 times [ 57] [ 3] / answers: 1 / hits: 31089 / 9 Years ago, thu, july 23, 2015, 12:00:00

Running into an error on this Dom manipulation

var prependData = $('#income_ranges').children().first().clone();

var prependedData = $('#income_ranges').children().last();

var list = document.getElementById(income_ranges);

list.insertBefore(prependData, prependedData);



Uncaught TypeError: Failed to execute 'insertBefore' on 'Node': parameter 1 is not of type 'Node'.

I get an error when I run this code and I dont know why. Any help is appreciated.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ryderalfonsos

Add To Favorites

Follow

Total Points: 655

Total Questions: 88

Total Answers: 91

Location: Nauru

Member since Thu, Feb 2, 2023

1 Year ago

ryderalfonsos questions

1 React application with Service Worker - Force update of browser cache on new version

Tue, Dec 1, 20, 00:00, 4 Years ago

1 Call Action Method on button click ASP.NET MVC

Mon, Sep 9, 19, 00:00, 5 Years ago

1 Customizing the JS/CSS in a TrustPilot widget

Wed, Feb 13, 19, 00:00, 5 Years ago

1 How to display a string javascript in HTML

Tue, Feb 12, 19, 00:00, 5 Years ago

1 How to make an undo function in canvas?

Fri, Dec 28, 18, 00:00, 6 Years ago

View All

answered 9 Years ago johnnyblaynes · Accepted Answer

Can't test right now, but I am pretty sure that you get this error because you are switching between jQuery objects and vanilla JS objects. Use .get() on a jQuery object to get it's vanilla counterpart (see documentation).

So change the last line to:

list.insertBefore(prependData.get(0), prependedData.get(0));

Or go full jQuery (much prettier in my opinion):

var prependData = $('#income_ranges > :first-child').clone();

var prependedData = $('#income_ranges > :last-child');

prependData.insertBefore(prependedData);