编程 Javascript

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

Posted in Javascript onNovember 25, 2013

前面说过为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添加控件自定义属性解析

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Jquery Ajax.ashx 高效分页实现代码

Oct 20 Javascript

判断用户是否在线的代码

Mar 05 Javascript

JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

Jun 28 Javascript

动态加载js和css(外部文件)

Apr 17 Javascript

兼容ie、firefox的图片自动缩放的css跟js代码分享

Aug 12 Javascript

Bootstrap每天必学之基础排版

Nov 20 Javascript

javascript拖拽应用实例

Mar 25 Javascript

vue2.x 父组件监听子组件事件并传回信息的方法

Jul 17 Javascript

Vue项目部署在Spring Boot出现页面空白问题的解决方案

Nov 26 Javascript

vue接入腾讯防水墙代码

May 07 Javascript

js仿360开机效果

Dec 26 Javascript

详解JavaScript 异步编程

Jul 13 Javascript

JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)

Nov 25 #Javascript

几种设置表单元素中文本输入框不可编辑的方法总结

Nov 25 #Javascript

js动态添加删除,后台取数据(示例代码)

Nov 25 #Javascript

javascript新建标签,判断键盘输入,以及判断焦点(示例代码)

Nov 25 #Javascript

jQuery中获取checkbox选中项等操作及注意事项

Nov 24 #Javascript

javascript 弹出的窗口返回值给父窗口具体实现

Nov 23 #Javascript

javascript 实现字符串反转的三种方法

Nov 23 #Javascript