用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>
相关文章
深入理解JavaScript系列（16） 闭包（Closures）
本章我们将介绍在JavaScript里大家经常来讨论的话题 —— 闭包（closure）。闭包其实大家都已经谈烂了。尽管如此，这里还是要试着从理论角度来讨论下闭包，看看ECMAScript中的闭包内部究竟是如何工作的2012-04-04
这篇文章主要介绍了js字符串操作方法,实例分析了javascript中slice、substr及substring等方法的使用技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了JavaScript变量Dom对象的所有属性,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-04-04![怎么在下面的HTML里调用数组cs[]的值](//img.jbzj.com/images/xgimg/bcimg3.png)
怎么在下面的HTML里调用数组cs[]的值...2007-01-01
这篇文章主要给大家介绍了使用JS中的canvas实现基本的截图功能,文中有详细的实现思路和实现过程,文章通过代码示例讲解的非常详细,很感兴趣的同学可以参考一下2023-08-08
这篇文章主要向大家推荐了一个原生js模拟淘宝购物车项目实战，包括商品的单选、全选、删除、修改数量、价格计算、数目计算、预览等功能的实现，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要为大家详细介绍了js实现拖拽与碰撞检测，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
实现table排序，网上有很多解决方案，很多都基于jQuery，最后我选择用sortElements，实现很简单2014-05-05
Javascript计算时间差函数,获得时间差,时间格式为 年-月-日 小时:分钟:秒 或者 年/月/日 小时：分钟：秒。2013-10-10
这篇文章主要为大家详细介绍了js实现多张图片延迟加载效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
![怎么在下面的HTML里调用数组cs[]的值](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论