October 2006
Beginner to intermediate
352 pages
9h 33m
English
Content preview from Learning JavaScriptBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
The DOM Core Document Object
As you’d expect, the document
object is the Core interface to the web-page document. It
provides methods to create and remove page elements, as well as control
where they occur in the page. It also provides two popular methods for accessing page elements: getElementById and getElementsByTagName.
The getElementsByTagName method
returns a list of nodes (NodeList)
representing all page elements of a specific tag:
var list = document.getElementsByTagName("div");The list can then be traversed, and each node processed for whatever reason.
Tip
If the document has a DOCTYPE of HTML 4.01, all element references are in uppercase. If the document is XHTML 1.0 and up, the element tags are in lowercase. I’ve found that most browsers accept uppercase element tags regardless of doctype.
I’ve used getElementsByTagName
to manage most of my DHTML effects, by encapsulating all dynamically
accessible content within DIV tags and then loading all of these
elements into a library of customized objects after the page
loads.
To demonstrate getElementsByTagName, Example 10-8 also
uses a frameset to load a source
document in one pane and the script document in another.
Example 10-8. Frameset opening sample page and active page with script
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Highlighting</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <frameset ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.