Latest Tutorials| Questions and Answers|Ask Questions?|Site Map

Home Javascript JavaScript removeAttribute method

Related Tutorials


Share on Google+Share on Google+

JavaScript removeAttribute method

JavaScript method removeAttribute() is used to remove attribute of an element. Most of the times it is used with the document.getElementById() method.

JavaScript removeAttribute method


JavaScript method removeAttribute() is used to remove attribute of an element. Most of the times it is used with the document.getElementById() method.







 elementObject.removeAttribute("attributeName", flag);

Where "attributeName" is the name of the attribute which is to be removed and flag is the value which customizes the functionality of this removeAttribute() method. The flag value may be 0, 1 or and it is optional. Following are the meanings of their flag's value.

  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 :

To illustrate removeAttribute() method we have created a HTML page into which we have created a text box and a button. We have first set the read only property of text box to be true. When user clicks on the button "Remove readonly attribute of TextBox" it calls the function defined in the JavaScript named removeAlignment().

  function removeAlignment(){
    var read = document.getElementById("txt")
    alert("textbox readonly attribute removed");

Above lines of code describes the functionality of function removeAlignment(). It first takes the element object by using method document.getElementById(), thereafter we can apply removeAttribute() method. Here is the full example code as follows :

<script language="JavaScript">
  function removeAlignment(){
    var read=document.getElementById("txt")
	alert("textbox readonly attribute removed");
<div style="background: #cf2255; width:'100%';" 
  <font color="#05ff20" size="12pt">
  <b>Remove Attribute Example</b>
 <div id="divId" align="center" style="background: #ffffcc;
 <input id="txt" type="text" readonly="true" />
    <p>Insert some text into text box</p>
      <input type="button" value="Remove readonly attribute 
    of TextBox" onclick="removeAlignment();">

Output :

When you try to input some text into the text box, it doesn't allow you to input since it has read only attribute set to be true.

Click on the button "Remove readonly attribute of TextBox" to remove attribute "readonly" for the input text box.

Once the attribute "readonly" is removed we can insert text into text box.

Download Source Code



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: February 7, 2009

Related Tutorials

Discuss: JavaScript removeAttribute method  

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
Jeffrey van Vogt (Sounds like VOTE lol)
August 28, 2013
Java script False Shortcut

I Still keep getting ...Java script False Shortcut (I use Mozilla Firefox) Does this mean that I HAVE a FALSE Java script (A Malware - Trojan? - Worm?)