用javascript添加控件自定义属性解析
更新时间:2013年11月25日 09:23:52 作者:
这篇文章主要是对用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>
相关文章
BootStrap Table 设置height表头与内容无法对齐的问题
这篇文章主要介绍了BootStrap Table 设置height表头与内容无法对齐的问题,需要的朋友可以参考下2016-12-12js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
这篇文章主要介绍了js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器,通过自定义javascript函数audioplayer实现兼容各常见浏览器的音乐播放功能,非常具有实用价值,需要的朋友可以参考下2015-02-02
最新评论