Home Javascript JavaScript getAttribute method



JavaScript getAttribute method
Posted on: January 29, 2009 at 12:00 AM
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

     

Related Tags for JavaScript getAttribute method:
javajavascriptctimescriptobjectmethodsedgetipvalueattributeidelementwithtogetelementbyideitdocuseiminasmnttrososjesemmeobjdosatisimevattscrssriripthavstalujemosto


More Tutorials from this section

Ask Questions?    Discuss: JavaScript getAttribute method  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.