<ul id="uu"> <li score="10">小明的数学成绩</li> <li score="20">小红的数学成绩</li> <li score="30">小绿的数学成绩</li> <li score="40">小黄的数学成绩</li> <li score="50">小琴的数学成绩</li> </ul>
//根据id获取ul标签,并且或者该标签中所有的li var list=document.getelementbyid("uu").getelementsbytagname("li"); //循环遍历 for(var i=0;i<list.length;i++){ //先为每个li添加自定义属性 //list[i].score=(i+1)*10; //此方式,自定义属性在dom对象上,不在标签中 //用setattribute去设置自定义属性的值 list[i].setattribute("score",(i+1)*10); //点击每个li标签,显示对应的自定义属性值 list[i].onclick=function(){ //getattribute获取每个对应的自定义属性的值 alert(this.getattribute("score")); }; }
//点击按钮移除元素的自定义属性 document.getelementbyid("btn").onclick=function () { //my$("dv").removeattribute("score"); //移除元素的类样式 //值没有了,但是属性还是有的 //my$("dv").classname=""; //也可以移除元素的自带的属性 document.getelementbyid("btn").removeattribute("class"); };
如对本文有疑问, 点击进行留言回复!!
vue源码实战render.js与$nextTick的异步调用
网友评论