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 相关文章推荐
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
Dec 30 Javascript
浅谈JavaScript事件的属性列表
Mar 01 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
如何编写jquery插件
Mar 29 jQuery
基于JavaScript实现的顺序查找算法示例
Apr 14 Javascript
微信小程序调用PHP后台接口 解析纯html文本
Jun 13 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
Sep 05 Javascript
小程序从手动埋点到自动埋点的实现方法
Jan 24 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
Jquery高级应用Deferred对象原理及使用实例
May 28 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
PHP 和 MySQL 基础教程(一)
2006/10/09 PHP
php之Memcache学习笔记
2013/06/17 PHP
PHP 面向对象程序设计(oop)学习笔记 (五) - PHP 命名空间
2014/06/12 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
关于JavaScript的with 语句的使用方法
2011/05/09 Javascript
js的表单操作 简单计算器
2011/12/29 Javascript
javascript中input中readonly和disabled区别介绍
2012/10/23 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
原生JS实现几个常用DOM操作API实例
2017/01/19 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
原生JS实现瀑布流插件
2018/02/06 Javascript
微信小程序缓存支持二次开发封装实现解析
2019/12/16 Javascript
JavaScript onclick事件使用方法详解
2020/05/15 Javascript
微信小程序实现点赞业务
2021/02/10 Javascript
python发布模块的步骤分享
2014/02/21 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
详解python并发获取snmp信息及性能测试
2017/03/27 Python
Python在信息学竞赛中的运用及Python的基本用法(详解)
2017/08/15 Python
AI人工智能 Python实现人机对话
2017/11/13 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
python+adb+monkey实现Rom稳定性测试详解
2020/04/23 Python
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
女性时尚网购:Chic Me
2019/07/30 全球购物
班子查摆四风个人对照检查材料思想汇报
2014/10/04 职场文书
《鸡兔同笼》教学反思
2016/02/19 职场文书
使用Python脚本对GiteePages进行一键部署的使用说明
2021/05/27 Python
Python自动化实战之接口请求的实现
2022/05/30 Python