Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: HTML
Expertise: Beginner
Jan 28, 2009

Adding Custom Attributes to HTML Elements

A custom attribute is any user-defined attribute, just like other primitive HTML element attributes. You can add custom attributes to any HTML element. For example, suppose you wanted to add the displayName attribute to the following HTML text box:

    <input type="text" id="txtBox" />
There are two ways to do this:
  1. You can add displayName when you write the HTML element tag in the web page:
    
         <input type="text" id="txtBox" displayName="displayNAME1" />
    
  2. You can use the DOM:
    
         document.all.txtBox.displayName = "displayNAME1";
    
As you can see, you access custom attributes the same way you'd access any built-in attributes. For example:

document.getElementById("txtBox").getAttribute("displayName");
Deepak Choudhari
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap