JavaScript Kit > DOM Reference > Here
Document Object Methods
Document object methods
| Methods | Description |
|---|---|
| createAttribute("attributename") | Creates a new attribute, ready to be inserted
somewhere in the document. It returns a reference to the created
attribute. Example(s): var styleattr=document.createAttribute("align") |
| createComment(commenttext) | Creates an instance of the comment node. Once
created, you can then insert it into the document tree using
appendChild(), for example. Example(s): var commentnode=document.createComment("Copyright JavaScript
Kit") |
| createDocumentFragment() | Creates an empty document fragment. The result is a
temporary container for creating and modifying new elements or
attributes before introducing the final result to your document
tree. This is a very useful method when you're performing multiple
operations that add to or modify the document tree. Instead of
directly modifying the document tree each time (very inefficient),
it's much better to use a temporary "whiteboard" that is created by
createDocumentFragment() to perform all your operations on first
before finally inserting the result to the document tree. Example(s): <div id="sister"></div> |
| createElement(tagName) | Creates an instance of the element object, which can
then added to the document tree using appendChild(), for example. Example(s): var textblock=document.createElement("p") |
| createTextNode(text) | Creates a new text node, which can then be added to
an element in the document tree. Example(s): var headertext=document.createTextNode("Welcome to JavaScript
Kit") |
| getElementById(id) | Accesses any element on the page via its ID attribute. A fundamental method within the DOM for accessing elements on the page. |
| getElementsByName(name) | Returns an array of elements with a name attribute
whose value matches that of the parameter's. In IE6, elements with
an ID attribute of the matching value will also be included in the
array, and
getElementsByName() is limited to retrieving form objects such as
checkboxes and INPUT. In Firefox, nither of these "pitfalls" apply. <div name="george">f</div> |
| getElementsByTagName(tagname) | Returns an array of elements whose tag name matches
the parameter. In Firefox/ IE6+, you may enter an asterisk ("*") as
the parameter to retrieve a list of all elements within the
document. var ptags=document.getElementsByTagName("p") |
Note: See also JavaScript document object.
DD CSS Library
Free CSS menus and codes to give your site a visual boost.
