mail us  |  mail this page

contact us
training  | 
tech stuff  | 

Tech Stuff - DOM Node Interface Reference

Describes methods and Properties (attributes) of the Node Interface. W3C Reference.

Node Interface

Within the DOM a document is the highest level of organization. A document is simply a collection of Nodes whose identity (and therefore the total set of methods and attributes offered by any node) is determined by its nodeType. Thus, every Node offers the basic set of methods and attributes described here and depending on its nodeType may offer additional methods and attributes. Nodes are returned by most methods of the document object (either by finding or creating them) and when traversing the DOM using Node attributes.

Methods

A Node provides the following methods:

appendChild
cloneNode
hasAttributes
hasChildNodes
insertBefore
isSupported
normalize
removeChild
replaceChild

Attributes

A Node provides the following attributes:

attributes
childNodes
firstChild
lastChild
localName
namespaceURI
nextSibling
nodeName
nodeType
nodeValue
ownerDocument parentNode
prefix previousSibling

Examples:

# create a HTMLElement - which is also a Node
paranode = document.createElement("p");

# paranode supports both Node and HTMLELement methods
# attributes

# obtain a node and traverse DOM
node = document.getElementById("one");
nextnode = node.nextSibling;
firstnode = node.firstChild;
if(nextnode.nodeType == "1"){ // HTML Element?
 if(nextnode.className == "my class"){
   // gotcha
 }
}

# node, nextnode and firstnode all support
# Node methods and attributes
# and may, depending on nodeType support other methods
# and attributes


Problems, comments, suggestions, corrections (including broken links) or something to add? Please take the time from a busy life to 'mail us' (at top of screen), the webmaster (below) or info-support at zytrax. You will have a warm inner glow for the rest of the day.

Tech Stuff

RSS Feed Icon

If you are happy it's OK - but your browser is giving a less than optimal experience on our site. You could, at no charge, upgrade to a W3C standards compliant browser such as Firefox

Search

web zytrax.com

Share

Icons made by Icomoon from www.flaticon.com is licensed by CC 3.0 BY
share page via facebook tweet this page

Page

email us Send to a friend feature print this page Display full width page Decrease font size Increase font size

Resources

HTML Stuff

W3C HTML 4.01
HTML5 (WHATWG)
HTML4 vs HTML5
HTML5 Reference
W3C Page Validator
W3C DOCTYPE

CSS Stuff

W3C CSS2.1
W3C CSS2.2
Default Styles
CSS3 Selectors
CSS 3 Media Queries
CSS 3 Colors

DOM Stuff

W3C DOM
W3C DOM 3 Core
W3C 3 Events

Accessibility

usability.gov
W3C - WAI
Web Style Guide
WebAim.org

Useful Stuff

Peter-Paul Koch
A List Apart
Eric Meyer on CSS
glish.com

Our Stuff

Our DOM Pages
DOM Navigation
Liquid Layout
CSS Short Cuts
CSS overview
CSS One Page

Javascript Stuff

ECMA-262

Site

CSS Technology SPF Record Conformant Domain
Copyright © 1994 - 2024 ZyTrax, Inc.
All rights reserved. Legal and Privacy
site by zytrax
hosted by javapipe.com
web-master at zytrax
Page modified: January 20 2022.