JS操作HTML自定义属性的方法


Posted in Javascript onFebruary 10, 2015

本文实例讲述了JS操作HTML自定义属性的方法。分享给大家供大家参考。具体如下:

HTML代码如下(其中的displayName为自定义属性):

<input type="text" id="txtBox" displayName="123456" />

获取自定义属性值:

document.getElementById("txtBox").getAttribute("displayName");

document.getElementById("txtInput").attributes["displayName"].nodeValue

设置自定义属性值:

document.all.txtBox.setAttribute("displayName ","123456");

document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Prototype String对象 学习
Jul 19 Javascript
Javascript核心读书有感之词法结构
Feb 01 Javascript
JS实现图片的不间断连续滚动的简单实例
Jun 03 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
Dec 29 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
Jul 27 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
在vue中阻止浏览器后退的实例
Nov 06 Javascript
d3.js实现图形缩放平移
Dec 19 Javascript
jQuery实现二级导航菜单的示例
Sep 30 jQuery
jQuery制作仿Mac Lion OS滚动条效果
Feb 10 #Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 #Javascript
javascript中定义类的方法详解
Feb 10 #Javascript
JavaScript判断浏览器类型的方法
Feb 10 #Javascript
javascript定时器完整实例
Feb 10 #Javascript
jQuery搜索子元素的方法
Feb 10 #Javascript
jQuery搜索同辈元素方法
Feb 10 #Javascript
You might like
星际争霸兵种名称对照表
2020/03/04 星际争霸
类的另类用法--数据的封装
2006/10/09 PHP
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
thinkphp数据查询和遍历数组实例
2014/11/28 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
php使用PDO获取结果集的方法
2017/02/16 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
js下用eval生成JSON对象
2010/09/17 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
node.js中的fs.createWriteStream方法使用说明
2014/12/17 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
js实现滚动条滚动到页面底部继续加载
2015/12/19 Javascript
Bootstrap布局之栅格系统学习笔记
2017/05/04 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
2018/05/16 Javascript
vue实现分页组件
2020/06/16 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
2019/05/30 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
通过实例了解Render Props回调地狱解决方案
2020/11/04 Javascript
[01:25]2015国际邀请赛最佳短片奖——斧王《拆塔英雄:天赋异禀》
2015/09/22 DOTA
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
对python中的*args与**kwgs的含义与作用详解
2019/08/28 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
详解Python中的文件操作
2021/01/14 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
文明教师事迹材料
2014/01/16 职场文书
大专生毕业的自我评价
2014/02/06 职场文书
2014最新自愿离婚协议书范本
2014/11/19 职场文书
中学生打架《检讨书》范文
2019/08/12 职场文书