Search...
FAQs Subscribe
Pie
FAQs
Recent topics Flagged topics Hot topics Best topics
Search...
Search within HTML Pages with CSS and JavaScript Search Coderanch
Advance search Google search
Register / Login
thread boost granny book review grid polymorphism advertise on coderanch
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
thread boost advertise on coderanch book review grid building better world book meaningless drivel
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Tim Cooke
  • paul wheaton
  • Paul Clapham
  • Ron McLeod
Sheriffs:
  • Jeanne Boyarsky
  • Liutauras Vilda
Saloon Keepers:
  • Tim Holloway
  • Carey Brown
  • Roland Mueller
  • Piet Souris
Bartenders:

insertBefore node was not found

 
Ryan Christiani
Ranch Hand
Posts: 30
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
I am trying to create a div and insert it before the end of the body.



Code is like such, newCloud is the new element, and ground is a div that I have on my page. When I test it I get "Node was not found".



HTML like this.

I assume the parent node in is the document?

Thanks

Probably going to ask a lot of possibly stupid questions...but how else will I learn? am I right!

 
Bear Bibeault
Sheriff
Posts: 67756
173
I like...
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
Where do you inject the newCloud element into the DOM?

In any case, when it comes to DOM manipulation, jQuery is king. I'd advise saving a lot of hair-pulling and adopting jQuery for tasks such as this.

[Asking smart questions] [About Bear] [Books by Bear]

 
Ryan Christiani
Ranch Hand
Posts: 30
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
Well I would like to try and learn the basics of javascript instead of just relying on jQuery, but yeah, you were saying in another one of my threads to save time and effort using jQuery.

Lets say I want to keep going like this, how exactly do I inject it into the DOM? I assumed that is what the insertBefore method did, you provide it with the new element and the element to have it come before.

Probably going to ask a lot of possibly stupid questions...but how else will I learn? am I right!

 
Bear Bibeault
Sheriff
Posts: 67756
173
I like...
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator

Ryan Christiani wrote:Well I would like to try and learn the basics of javascript instead of just relying on jQuery, but yeah, you were saying in another one of my threads to save time and effort using jQuery.


Yes, it is a good idea to learn the basics -- that way you understand what's going on.

But when push comes to shove, make your life easier with jQuery (or other library of your choice)!

Lets say I want to keep going like this, how exactly do I inject it into the DOM? I assumed that is what the insertBefore method did, you provide it with the new element and the element to have it come before.


What I see missing, is that you are creating an element, but never putting it into the DOM.

[Asking smart questions] [About Bear] [Books by Bear]

 
Paul Clapham
Marshal
Posts: 28425
102
I like...
Eclipse IDE Firefox Browser MySQL Database
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator

Ryan Christiani wrote:I assumed that is what the insertBefore method did, you provide it with the new element and the element to have it come before.



You could validate your assumptions by reading some documentation. As a not-very-good Javascript programmer my first reaction to

is "Um, does that insert newCloud before ground or the other way around?"
 
Ryan Christiani
Ranch Hand
Posts: 30
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
ahhh appendChild().

some fooling around on lunch at work seems to have helped me there.

Thanks.

Probably going to ask a lot of possibly stupid questions...but how else will I learn? am I right!

 
Don't get me started about those stupid light bulbs.
reply
reply
    Bookmark Topic Watch Topic
  • New Topic
Boost this thread!
Similar Threads
More...