<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>
浙公网安备 33010602011771号