Home Javascript JavaScript getAttributeNode method
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

JavaScript getAttributeNode method

Advertisement
This JavaScript method is used for getting the attribute node value.

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

     

Advertisement

Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: January 29, 2009

Ask Questions?    Discuss: JavaScript getAttributeNode method  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com