javascript教程系列42:標籤上自訂屬性的操作

標籤：index   標籤   script   element   代碼執行   console   move   ons   log   

1 擷取標籤屬性

文法: element.getAttribute(‘屬性名稱‘) 返回對應屬性的值 ,如果沒有返回null.

//html<div id="box" index="0"></div>//jsvar box = document.getElementById(‘box‘);var value = box.getAttribute(‘index‘);console.log(value) // 0

2 設定自訂屬性的值
文法: element.setAttribute(‘屬性名稱‘, ‘屬性的值‘) 返回undefined

//html<div id="box" ></div>//jsvar box = document.getElementById(‘box‘);box.setAttribute(‘index‘, 0); //js代碼執行完畢之後.html的標籤的變化<div id="box" index="0"></div>

3 移除自訂屬性的值

文法: element.removeAttribute(‘屬性名稱‘) 返回undefined

//html<div id="box" index="0"></div>//jsvar box = document.getElementById(‘box‘);box.removeAttribute(‘index‘); //js代碼執行完畢之後 html的標籤的變化<div id="box" ></div>

注:

1 操作自訂屬性的這三個方法,不僅可以操作自訂屬性,同時也可以操作html規範中的屬性

2 設定的屬性的值,最終都轉換成了字串的形式

javascript教程系列42:標籤上自訂屬性的操作