JavaScript DOM Interfaces

The DOM API provides interfaces to implement DOM. Each interface is associated with a particular type of node that is defined in the inheritance hierarchy, which are described in the following table:

Interface Description
The DOMException Interface This interface represents some exceptions and errors that occur due to an invalid DOM or when a non-existing node is passed as an argument of a method
The DOMImplementation Interface This interface provides some methods that help in performing certain operations that are not dependent on any document or instance of DOM
The DocumentFragment Interface This interface is used for temporarily storing the structure of DOM
The Document Interface This interface is the root node in the DOM tree. It defines the documentElement property of the document, which returns the root node by looping through all the child nodes of the Document nodes to test whether or not they are Element nodes
The Node Interface This interface is the base interface in the DOM tree. It means that all the other interfaces are derived from the Node interface
The NodeList Interface This interface provides an ordered collection of nodes without defining the method for implementing these nodes in DOM
The NamedNodeMap Interface The interface represents an unordered collection of nodes that can be accessed by their name
The CharacterData Interface This interface allows you to extend the node by providing a set of properties and methods, which you can use to access the character data in the DOM
The Attr Interface This interface represents an attribute of an element. It inherits the Node interface
The Element Interface This interface represents an element in an HTML document.
The Text Interface This interface inherits from the CharacterData interface and is used to represent the textual content of an Element or Attr node
The Comment Interface This interface is inherited from the CharacterData interface and is used to represent the comments of the XML or XHTML documents

JavaScript DOMException Interface Exception Code

Here is the table lists exception code of DOMException interface in JavaScript.

Code Exception
1 INDEX_SIZE_ERR exception
2 DOMSTRING_SIZE_ERR exception
3 HIERARCHY_REQUEST_ERR exception
4 WRONG_DOCUMENT_ERR exception
5 INVALID_CHARACTER_ERR exception
6 NO_DATA_ALLOWED_ERR exception
7 NO_MODIFICATION_ALLOWED_ERR exception
8 NOT_FOUND_ERR exception
9 NOT_SUPPORTED_ERR exception
10 INUSE_ATTRIBUTE_ERR exception
11 INVALID_STATE_ERR exception
12 SYNTAX_ERR exception
13 INVALID_MODIFICATION_ERR exception
14 NAMESPACE_ERR exception
15 INVALID_ACCESS_ERR exception

JavaScript Node Interface Properties and Methods

The table given below describes properties of Node interface in JavaScript.

Property Description
nodeType returns an integer value that represents the node type
nodeName returns the name of the node
nodeValue returns the value of the node
attributes returns an array of Attr objects that represents the attributes of the current node
parentNode returns the parent node of the current node if it exists, otherwise it returns a null value
childNodes returns an array of Node objects that represents the child nodes of the current node
firstChild returns a Node object that represents the first child of the current node, otherwise it returns a null value
lastChild returns a Node object that represents the last child of the current node, otherwise it returns a null value
localName returns a qualified name of the current node
namespaceURI returns the namespace URI of the current node
nextSibling returns the node that immediately follows the current node
ownerDocument returns a Document object associated with the current node
prefix returns the namespace prefix of the current node
previousSibling returns the node immediately preceding the current node

The following table lists the methods of the Node interface in JavaScript.

Method Description
appendChild adds a new child node at the end of the list of the child nodes
cloneNode creates a duplicate node of the current node
hasAttributes returns true if the node has an attribute
hasChildNodes returns true if the node has child nodes
insetBefore inserts a new child node before the current child node
inSupported checks whether a specified feature is implemented by the DOM implementation and is supported by the current node
normalize places the sub-tree of the current node in state where the structural nodes separated by the text nodes
removeChild removes an existing child node from the list of child nodes
replaceChild replaces an existing child node with the new node

JavaScript NamedNodeMap Interface Methods

Here is the table describes the methods of the NamedNodeMap interface in JavaScript.

Method Description
getNamedItem retrieves a node from the collection on the basis of its name
getNamedItemNS retrieves a node from the collection on the basis of its local name and namespace URI
item returns an item from the collection on the basis of its index number
removeNamedItem removes a node from the collection on the basis of its name
removeNamedItemNS removes a node from the collection on the basis of its local name and namespace URI
setNamedItem adds a node in the collection by using its nodeName attribute
setNamedItemNS adds a node in the collection by using the namespaceURI and localName of the new node

JavaScript CharacterData Interface Methods

The table given below describes methods of the CharacterData interface in JavaScript.

Method Description
appendData appends string at the end of the character data of the current node
deleteData removes a range of 16-bit units from the current node
insertData inserts a string at the specified 16-bit unit offset
replaceData replaces the characters starting at the specified 16-bit unit offset with the specified string
substringData extracts a range of data from the node

JavaScript Document Interface Methods

The following table describes methods of Document interface in JavaScript.

Method Description
getElementByTagName returns an array of element objects that have a tag name similar to the specified name
getElementByTagNameNS returns an array of an element object whose name attribute's value matches the value of the argument of this method
getElementById returns the element object that has the same id, as specified in the argument

JavaScript Element Interface Methods

Here is the table describes methods of the Element interface in JavaScript.

Method Description
hasAttribute() returns true if the specified element has an attribute
getAttribute() returns the value of the attribute of the specified element
setAttribute() assigns the specified value to the specified attribute
removeAttribute() removes the specified attribute
getElementByTagName() returns an array of element objects whose name matches with that provided in the tagName attribute

JavaScript Attr Interface Properties

The following table describes properties of the Attr interface in JavaScript.

Property Description
name specifies the name of the attribute
value specifies the value of the attribute
ownerElement returns the element node of the Attr object
specified returns true if the attribute is set by the user or returns false if the attribute is set by the default value

JavaScript Online Test


« Previous Tutorial Next Tutorial »