JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
Example
Use The Evaluator (Chapter 13 in the JavaScript Bible) to experiment with both
the contentEditable and isContentEditable properties on the myP and nested
myEM elements (reload the page to start with a known version). Check the current
setting for the myEM element by typing the following statement into the top text field:
myEM.isContentEditable
This value is false because no element upward in the element containment
hierarchy is set to be editable yet. Next, turn on editing for the surrounding myP
element:
myP.contentEditable = true
At this point, the entire myP element is editable because its child element is set,
by default, to inherit the edit state of its parent. Prove it by entering the following
statement into the top text box:
myEM.isContentEditable
While the myEM element is shown to be editable, no change has accrued to its
contentEditable property:
myEM.contentEditable
This property value remains the default inherit. You can see an additional example
of these two properties in use in Listing 15-7.
isDisabled
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓
Example
Use The Evaluator (Chapter 13 in the JavaScript Bible) to experiment with both
the disabled and isDisabled properties on the myP and nested myEM elements
(reload the page to start with a known version). Check the current setting for the
myEM element by typing the following statement into the top text field:
myEM.isDisabled
This value is false because no element upward in the element containment
hierarchy is set for disabling yet. Next, disable the surrounding myP element:
myP.disabled = true
At this point, the entire myP element (including its children) is disabled. Prove it by
entering the following statement into the top text box:
myEM.isDisabled
27
elementObject.isDisabled