Elegant Way Around HTMLCollections Updating Dynamically

Today, I discovered something in Javascript that looked like 'strange behavior' to me. Let's assume the following minimal example: HTML:

1<

Solution 1:

A back-gate would be to use querySelectorAll() instead of getElementsByTagName(), it returns a non-live NodeList.

Solution 2:

You're not using a "reference" when trying to remove the tag, just pointing the first or the second element of a collection. To use reference, you should create tags with ID and than point it by ID. The key of an Array is a third part, that's why it will be updated.

On the other hand, is a fact that JavaScript is objected-oriented sometimes, and other times it is just a script.

Share

You may like these posts

• 
  Restore Focus To Java Applet When Browser/tab Gains Focus
• 
  Traversing Up The Dom Getting The Node From A Clicked Element
• 
  Why Is Jquery Selector Function So Slow Compared To Native Dom Methods
• 
  Should A "script" Tag Be Allowed To Remove Itself?