HTML DOM getAttributeNode() Method
Element ObjectExample
Get the value of the class attribute node of an <h1> element:
var elmnt = document.getElementsByTagName("H1")[0];
var attr =
elmnt.getAttributeNode("class").value;
The result of attr will be:
democlass
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The getAttributeNode() method returns the attribute node with the specified name of an element, as an Attr object.
Tip: Use the attribute.value property to return the value of the attribute node.
Tip: Use the getAttribute() method if you just want to return the attribute value.
For more information about the Attr object, see The HTML DOM Attribute Object.
Browser Support
| Method | |||||
|---|---|---|---|---|---|
| getAttributeNode() | Yes | Yes | Yes | Yes | Yes |
Syntax
element.getAttributeNode(attributename)
Parameters
| Parameter | Type | Description |
|---|---|---|
| attributename | String | Required. The name of the attribute you want to return |
Technical Details
| Return Value: | An Attr object, representing the specified attribute node. Note: If the attribute does not exist, the return value is null or an empty string ("") |
|---|---|
| DOM Version | Core Level 1 Element Object |
More Examples
Example
Get the value of the target attribute node of an <a> element:
var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;
The result of attr will be:
_blank
Try it Yourself »
Example
Get the value of the onclick attribute node of a <button> element:
var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;
The result of attr will be:
myFunction()
Try it Yourself »
Related Pages
HTML Tutorial: HTML Attributes
HTML DOM Reference: The HTML DOM Attribute Object
HTML DOM Reference: getAttribute() Method
HTML DOM Reference: attribute.value Property
HTML DOM Reference: removeAttributeNode() Method
HTML DOM Reference: setAttributeNode() Method
