前面说过为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>源代码:https://files.cnblogs.com/redleaf1995/jsCustom.rar