js 自定義屬性

<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");
  };