Adding and Removing HTML elements via JavaScript

by admin on August 23, 2009 · 0 comments

Sometimes while developing a web application, you need to hide or
display certain elements dynamically based on circumstance. For
instance, if you’re filling in your personal information and you in the
dropdown box you select “other” as your country, the website may be
required to display a previously hidden textbox allowing you to type in
your country name.

This post contains two links, written by the same person at two
different times. Which one you choose to use is completely up to your
skill and the scope of the project you’re working on. The first, is a
simple, easy-to-understand Javascript code snippet: http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/

The second link is a reprise by the same author almost three years
later with a much cleaner implementation of the same functionality in
JavaScript. Unfortunately, it requires more knowledge about JavaScript
and events, and for a beginner in programming, the first link may be
easier to swallow. For the site, click this link: http://www.dustindiaz.com/add-remove-elements-reprise/

Pick your poison

Previous post:

Next post: