用javascript添加控件自定义属性

前面说过为HTML元素添加自定义的属性，是通过手动在HTML控件中加上，其实可以在javascript中动态添加：如有一文本框：

< input  type ="text"  id ="txtInput"  name ="txtInput"  value ="自定义文本" >

如想增加idvalue属性(值为”自定义值”)，可以在javascript中这样写:

var  txt  =  document.getElementById( " txtInput " );
txt.setAttribute( " idvalue " , " 自定义值 " );

setAttribute中第一个参数是指明自定义属性的名称，第二个参数是初始值

代码如下:

< html >
< head >
     < title > 用javascript添加控件自定义属性 </ title >
     < script  language ="javascript" > ...
        function addCustomAttribute()
        ...{
            var txt = document.getElementById("txtInput");
            txt.setAttribute("idvalue","自定义值");
        }
        
        function showIdValue()
        ...{
                var txt = document.getElementById("txtInput");
                alert(txt.attributes["idvalue"].nodeValue);
        }
     </ script >
</ head >
< body  onload ="addCustomAttribute();" >
     < input  type ="text"  id ="txtInput"  name ="txtInput"  value ="自定义文本" >
     < input  type ="button"  value ="显示idValue"  onclick ="showIdValue();" >
</ body >
</ html >

源代码: 点此进入下载页面
博客园下载地址: http://www.cnblogs.com/Files/redleaf1995/jsCustom.rar