天天看點

DOM 自定義屬性及操作

自定義屬性:

标簽原本沒有這個屬性,為了存儲資料,程式員自己添加的屬性

自定義屬性無法直接通過DOM對象的方式擷取或者設定

自定義屬性的操作:

對象.getAttribute(“自定義屬性名字”);擷取自定義屬性的值

對象.setAttribute(“屬性名字”,“值”);設定自定義屬性及值

對象.removeAttribute(“屬性的名字”); 移除自定義屬性

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input sayHi="hi!" type="button" id="btn" value="按鈕"/>
<script src="common.js"></script>
<script>
    alert(my$("btn").id);//bth
//    标簽自帶屬性可以通過dom對象的方式來直接擷取該屬性的值
//    alert(my$("btn").sayHi);// undefine
    // 自定義屬性不能直接通過dom對象的方式來直接擷取該屬性的值
    // 自定義屬性在dom對象中.不出來  必須通過getAttribute調用
    alert(my$("btn").getAttribute("sayHi"));//hi!

</script>
</body>
</html>
           

繼續閱讀