编程 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 性能优化指南（3）

May 21 Javascript

node.js中的fs.mkdir方法使用说明

Dec 17 Javascript

基于JS实现省市联动效果代码分享

Jun 06 Javascript

Jquery UI实现一次拖拽多个选中的元素操作

Dec 01 Javascript

jQuery Validate 数组全部验证问题

Jan 12 Javascript

Redux 和 Mobx的选择问题：让你不再困惑！

Sep 18 Javascript

基于wordpress的ajax写法详解

Jan 02 Javascript

Vue封装的可编辑表格插件方法

Aug 28 Javascript

基于Vue2-Calendar改进的日历组件（含中文使用说明）

Apr 14 Javascript

vue下的@change事件的实现

Oct 25 Javascript

详解JSON.stringify()的5个秘密特性

May 26 Javascript

Vant 中的Toast设置全局的延迟时间操作

Nov 04 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