Java Reference
In-Depth Information
<p id="paragraph1">This is some text in a paragraph</p>
<script>
var htmlElement; // htmlElement stores reference to <html>
var headElement; // headingElement stores reference to <head>
var bodyElement; // bodyElement stores reference to <body>
var h1Element; // h1Element stores reference to <h1>
var pElement; // pElement stores reference to <p>
htmlElement = document.documentElement;
headElement = htmlElement.firstChild;
alert(headElement.tagName);
if (headElement.nextSibling.nodeType == 3) {
bodyElement = headElement.nextSibling.nextSibling;
} else {
bodyElement = headElement.nextSibling;
}
alert(bodyElement.tagName);
if (bodyElement.firstChild.nodeType == 3) {
h1Element = bodyElement.firstChild.nextSibling;
} else {
h1Element = bodyElement.firstChild;
}
alert(h1Element.tagName);
h1Element.style.fontFamily = "Arial";
if (h1Element.nextSibling.nodeType == 3) {
pElement = h1Element.nextSibling.nextSibling;
} else {
pElement = h1Element.nextSibling;
}
alert(pElement.tagName);
pElement.style.fontFamily = "Arial";
if (pElement.previousSibling.nodeType == 3) {
h1Element = pElement.previousSibling.previousSibling;
} else {
h1Element = pElement.previousSibling;
}
h1Element.style.fontFamily = "Courier";
</script>
</body>
</html>
Save this as
ch9 _ example2.html
and open it in your browser.
Click OK in each of the message boxes until you see the page shown in Figure 9-9 (unfortunately, IE
does not render the style changes until all
alert
boxes have been opened and closed).
