编程 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 相关文章推荐

修改发贴的编辑功能

Mar 07 Javascript

JsEasy简介 JsEasy是什么?与下载

Mar 07 Javascript

jQuery 扩展对input的一些操作方法

Oct 30 Javascript

javascript实现炫酷的拖动分页

May 11 Javascript

在JavaScript中使用开平方根的sqrt()方法

Jun 15 Javascript

jQuery 获取页面li数组并删除不在数组中的key

Aug 02 Javascript

KnockoutJS 3.X API 第四章之数据控制流foreach绑定

Oct 10 Javascript

jQuery给指定的table动态添加删除行的操作方法

Oct 12 Javascript

JavaScript获取ul中li个数的方法

Feb 13 Javascript

angular2 ng2 @input和@output理解及示例

Oct 10 Javascript

jQuery实现的模仿雨滴下落动画效果

Dec 11 jQuery

vue axios封装httpjs,接口公用配置拦截操作

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