用javascript添加控件自定义属性解析

这篇文章主要是对用javascript添加控件自定义属性进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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

复制代码 代码如下:


<input type="text" 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>
    <input type="text" value="自定义文本">
    <input type="button" value="显示idValue">
</body>
</html>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdwxww.html