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 相关文章推荐
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
JS验证IP,子网掩码,网关和MAC的方法
Jul 02 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
高性能JavaScript 重排与重绘(2)
Aug 11 Javascript
JavaScript保留关键字汇总
Dec 01 Javascript
高性能JavaScript循环语句和条件语句
Jan 20 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
vue引入swiper插件的使用实例
Jul 19 Javascript
vue 实现在函数中触发路由跳转的示例
Sep 01 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 Javascript
微信小程序实现上拉加载功能
Nov 20 Javascript
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
一个程序下载的管理程序(三)
2006/10/09 PHP
PHP数组内存耗用太多问题的解决方法
2010/04/05 PHP
PHP curl 获取响应的状态码的方法
2014/01/13 PHP
简单谈谈PHP面向对象之标识对象
2017/06/27 PHP
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
2016/06/12 Javascript
老生常谈js动态添加事件--- 事件委托
2016/07/19 Javascript
js中用cssText设置css样式的简单方法
2016/09/19 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
2017/01/09 Javascript
JavaScript自定义文本框光标
2017/03/05 Javascript
使用AngularJS2中的指令实现按钮的切换效果
2017/03/27 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
微信小程序倒计时功能实例代码
2018/07/17 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
2018/08/08 jQuery
iphone刘海屏页面适配方法
2019/05/07 Javascript
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
Vue 实现可视化拖拽页面编辑器
2021/02/01 Vue.js
Python解决鸡兔同笼问题的方法
2014/12/20 Python
Python3.7 dataclass使用指南小结
2019/02/22 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
python同步windows和linux文件
2019/08/29 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
REN Clean Skincare官网:英国本土有机护肤品牌
2019/02/23 全球购物
Java里面如何把一个Array数组转换成Collection, List
2013/07/26 面试题
Python如何定义一个函数
2015/09/01 面试题
编辑找工作求职信分享
2014/01/03 职场文书
社会实践感言
2014/01/25 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
应届生求职信范文
2014/06/30 职场文书
四风问题个人对照检查剖析材料
2014/09/27 职场文书
老乡聚会通知
2015/04/23 职场文书
Jsonp劫持学习
2021/04/01 PHP