JavaScript getAttributeNode method
This JavaScript method is used for getting the attribute node value. It can
be used to retrieve the attribute node reference. Following is the syntax of
using getAttributeNode() method.
Syntax:
| elementObject.getAttributeNode("attributeName"); |
Description of code:
This is the example code for using the getAttributeNode()
method. We have created one div component and sets the attribute id with the
value "div" and attribute "align" with the value
"center". Now we have created two buttons which calls two different
functions which takes the element object by the method document.getElementById()
and returns the attribute node reference by the method getAttributeNode().
Here is the full example source code for "getAttributeNodeExample.html".
<html>
<body>
<script language="JavaScript">
function getAttributeNodeID(){
var id = document.getElementById("div").getAttributeNode("id");
alert(id.value);
}
function getAttributeNodeAlign(){
var align = document.getElementById("div").getAttributeNode("align");
alert(align.value);
}
</script>
<div style="background: #ff9900; width:'100%';" align="center">
<font color="#0000ff" size="12pt">
<b>Get Attribute Node Example</b>
</font>
</div>
<center>
<div style="background: #0099ff; width:'100%';" align="center">
<div id="div" align="center">This is a div element</div>
</div>
<input type="button" value="Get Attribute Node(ID)" onclick="getAttributeNodeID();">
<input type="button" value="Get Attribute Node(Align)" onclick="getAttributeNodeAlign();">
</center>
</body>
</html> |
Output :
Click on the buttons to have attribute node value.
Download Source Code
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
