JavaScript 2.0-The Complete Reference, Second ... - freecodingtutorial

adding content to the document. Because of this some proprietary features like Microsoft‘s
innerHTML are being added to even strict standards-compliant browsers. Furthermore, other
features live on simply because IE is by far the dominant browser. Because of the reality of IE‘s
dominance, let‘s take another look at a few of the 4.x-generation Browser Object Models that
refuse to die.
The Power of innerHTML
Netscape 6+, Opera 7+, and Internet Explorer 4+ all support the non-standard innerHTML
property. This property allows easy reading and modification of the HTML content of an
element. The innerHTML property holds a string representing the HTML contained by an
element. Given this HTML markup,
This is a test paragraph.
the following script retrieves the enclosed content,
var theElement = document.getElementById("para1");
alert(theElement.innerHTML);
as shown here:
You can also set the contents of the HTML elements easily with the innerHTML property. The
following simple example provides a form field to modify the contents of a tag. Try
running the example and adding in HTML markup. As you will see, it is far easier to add HTML
content to nodes using this property than by creating and setting nodes using standard DOM
methods.
innerHTML Tester
This is a test of innerHTML.