Home Javascript JavaScript getAttribute method

Related Tutorials


 
 

Share on Google+Share on Google+

JavaScript getAttribute method

Advertisement
JavaScript method getAttribute() is used to get the value of an attribute in an object.

JavaScript getAttribute method

     

JavaScript method getAttribute() is used to get the value of an attribute in an object. Most of the times it is used with the document.getElementById() method. 

 

 

 

 

Syntax:

 elementObject.getAttribute("attributeName", flag);

Where "attributeName" is the name of the attribute whose attribute we have to retrieve and flag is the value which customizes the functionality of this getAttribute() method. The flag value may be 0, 1 or and it is optional.

  Flag Value    Description
0  It is the default value and performs the non case sensitive search
1  It performs the case sensitive property search
2  It returns the property value as it is set in the script or html code

Description of code:

<html>
<body>
<script language="JavaScript">
  function getID(){
  var id = document.getElementById("divId").getAttribute("id");
  alert(id);
  }
  function getAlignment(){
  var align = document.getElementById("divId").getAttribute("align");
  alert(align);
  }
</script>
<div style="background: #cf2255; width:'100%';" align="center">
  <font color="#05ff20" size="12pt">
  <b>Get Attribute Example</b>
  </font>
</div>
<center>
 <div id="divId" align="center" style="background: #ffffcc; width:'100%';">
  <p>Rose India Technologies Pvt. Ltd. is a global services company.</p>
  <input type="button" value=" Get id " onclick="getID();">
  <input type="button" value=" Get alignment " onclick="getAlignment();">
  </div>
</center>
</body>
</html>

Output :

Download Source Code

     

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



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

Related Tutorials

Discuss: JavaScript getAttribute method  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:2
Vidya
May 24, 2011
getAttribute()

javascript: tbl = document.getElementById('tblBasic2'); tbl.getAttribute("BASIC_SECTION_ID"); php: <TABLE ID='tblBasic2' BASIC_SECTION_ID=136 BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=100% STYLE=\"TABLE-LAYOUT:fixed;> How can i access BASIC_SECTION_ID attribute fonr javascript which is set at php
shantanu
February 23, 2012
javaScript

how can i use this getAttribute to see if a radio button is checked or not onloading a page??
DMCA.com