JavaScript Examples Bible - UserWorks Technologies

8
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
canHaveHTML
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 the
canHaveHTML property. Enter the following statements into the top text field and
observe the results:
document.all.input.canHaveHTML
document.all.myP.canHaveHTML
The first statement returns false because an INPUT element (the top text field
in this case) cannot have nested HTML. But the myP element is a P element that
gladly accepts HTML content.
childNodes
elementObject.childNodes
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓
Example
The walkChildNodes() function shown in Listing 15-3 accumulates and returns
a hierarchical list of child nodes from the point of view of the document’s HTML
element (the default) or any element whose ID you pass as a string parameter. This
function is embedded in The Evaluator so that you can inspect the child node
hierarchy of that page or (when using evaluator.js for debugging as described in
Chapter 45 of the JavaScript Bible ) the node hierarchy within any page you have
under construction. Try it out in The Evaluator by entering the following statements
into the top text field:
walkChildNodes()
walkChildNodes(getElementById(“myP”))
The results of this function show the nesting relationships among all child nodes
within the scope of the initial object. It also shows the act of drilling down to further
childNodes collections until all child nodes are exposed and catalogued. Text nodes
are labeled accordingly. The first 15 characters of the actual text are placed in the
results to help you identify the nodes when you compare the results against your
HTML source code. The early NN6 phantom text nodes that contain carriage returns
display in the results for each return character.