自定义属性的设置，获取和移除

本身html标签没有这个属性,自己(程序员)添加的,----自定义属性—为了存储一些数据
设置自定义属性:setAttribute(“属性的名字”,“属性的值”);
获取自定义属性的值:getAttribute(“属性的名字”)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>ul{list-style: none;cursor: pointer;}</style><script src="common.js"></script>
</head>
<body>
<ul id="ll"><li>大一</li><li>大二</li><li>大三</li><li>大四</li>
</ul>
<script>//本身html标签没有这个属性,自己(程序员)添加的,----自定义属性---为了存储一些数据//设置自定义属性:setAttribute("属性的名字","属性的值");//获取自定义属性的值:getAttribute("属性的名字")//获取所有的li标签,然后为每个标签中动态的添加自定义属性和值//点击的时候获取该标签的自定义属性的值var list=my$("ll").getElementsByTagName("li");for(var i=0;i<list.length;i++){list[i].setAttribute("score",String((i+1)*49));list[i].onclick=function(){alert(this.getAttribute("score"));};}
</script>
</body>
</html>

移除自定义属性或者某个元素自带的属性:removeAttribute(“属性的名字”)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>div{width: 100px;height: 100px;background-color: red;}.cls{background-color: blue;}</style><script src="common.js"></script>
</head>
<body>
<input type="button" value="按钮" id="btn">
<div  score="10" class="cls"></div>
<script>//移除自定义属性:removeAttribute("属性的名字")my$("btn").onclick=function () {document.getElementsByTagName("div")[0].removeAttribute("score");document.getElementsByTagName("div")[0].removeAttribute("class");};
</script>
</body>
</html>

自定义属性的设置，获取和移除相关推荐

Vue自定义属性的设置及获取
写多了小程序,再写vue,在写方法传值的时候就自然而然的就想要去使用自定义属性,既简单又方便. 小程序中设置自定义属性及获取那么在小程序中的标签自定义属性的写法及获取如下: 小程序: ①.标签设置自 ...
html5自定义属性作用,html5自定义属性：如何获取自定义属性值（附代码）
这篇文章给大家介绍的内容是关于html5自定义属性:如何获取自定义属性值(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 自定义属性: 在HTML5中我们可以自定义属性,其格 ...
js属性节点获取和移除
关于节点类型不再重复解释,不懂可以看<js节点都有哪些类型?怎么判断是哪种节点类型?> 公共html代码: <!DOCTYPE html> <html> <h ...
【Android RTMP】x264 编码器初始化及设置 ( 获取 x264 编码参数 | 编码规格 | 码率 | 帧率 | B帧个数 | 关键帧间隔 | 关键帧解码数据 SPS PPS )
文章目录安卓直播推流专栏博客总结一. x264 编码器参数设置引入二. 获取 x264 编码器参数三. 设置 x264 编码器编码规格四. 设置 x264 编码器编码图像数据格式五. 设置 ...
js，jq设置获取属性，样式
js设置获取属性:设置属性-element.setAttribute("属性名称","属性值"):获取属性-element.getAttribute(" ...
无障碍开发（五）之设置获取无障碍属性值
设置获取无障碍属性值为了跨浏览器兼容,总是使用WAI-ARIA属性解析来访问和修改ARIA属性,例如object.setAttribute("aria-valuenow", ne ...
如何JQ将下拉列表的值传送给php,JQuery设置获取下拉菜单某个选项的值(比较全)...
JQuery获取和设置Select选项获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:sele ...
arcgis 矢量编辑过程时，防止误移动操作设置粘滞移动容差设置大一点
arcgis 矢量编辑过程时,防止误移动操作设置:编辑下,选项设置----粘滞移动容差设置大一点
前端cookie的设置获取删除
前端cookie的设置获取删除 /* 我们有过这样的经历,当我们登录一个网站时候,网站会提示我们需不需要记住账号和密码一般来说,当我们登录一个网站时,后台会返回一个token字符串作为用户的登录标识, ...
C# NAudio 设置获取系统扬声器的音量
NAudio是成熟.开源的C#音频开发工具,它包含录音.播放录音.格式转换.混音调整等功能. NAudio 开源地址: https://github.com/naudio/NAudio 本文是设置获 ...

自定义属性的设置，获取和移除

自定义属性的设置，获取和移除相关推荐

最新文章

热门文章