48.dom操作固有屬性和自定義屬性
阿新 • • 發佈：2022-04-13
<head>
<meta charset="UTF-8">
<title>6.dom操作固有屬性和自定義屬性</title>
</head>
<body>
<div id="no1" role="我是role屬性" title="冒個泡">
測試效果
</div>
<hr>
<div id="btn">
<input type="button" value="顯示role屬性">
<input type="button" value="顯示title屬性">
<input type="button" value="設定自定義屬性">
<input type="button" value="顯示自定義屬性">
</div>
<hr>
<div id="show"></div>
</body>
<script>
document.getElementById("btn").getElementsByTagName("input")[0].onclick=function () {
document.getElementById("show").innerHTML=document.getElementById("no1").role;
}
document.getElementById("btn").getElementsByTagName("input")[1].onclick=function () {
document.getElementById("show").innerHTML=document.getElementById("no1").title;
}
document.getElementById("btn").getElementsByTagName("input")[2].onclick=function () {
document.getElementById("no1").index=100;
}
document.getElementById("btn").getElementsByTagName("input")[3].onclick=function () {
document.getElementById("show").innerHTML=document.getElementById("no1").index;
}
</script>