编程 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实现鼠标移动到图片上显示边框效果

Jan 09 Javascript

javascript 事件处理示例分享

Dec 31 Javascript

Jquery日历插件制作简单日历

Oct 28 Javascript

jQuery获取剪贴板内容的方法

Jun 16 Javascript

微信小程序数据访问实例详解

Oct 08 Javascript

JavaScript函数节流的两种写法

Apr 07 Javascript

vue 实现axios拦截、页面跳转和token 验证

Jul 17 Javascript

深入理解JavaScript 箭头函数

May 30 Javascript

layui表格内放置图片,并点击放大的实例

Sep 10 Javascript

JS字符串补全方法padStart()和padEnd()

May 27 Javascript

Vue 中使用lodash对事件进行防抖和节流操作

Jul 26 Javascript

JS前端使用canvas实现扩展物体类和事件派发

Aug 05 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