无为清净楼资源网 Design By www.qnjia.com

前面说过为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

无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com