Html5使用Dom对象进行操作

来源：互联网发布：plsql如何导出表数据编辑：程序博客网时间：2024/06/16 14:13

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<style>
.div{
width: 300px;
height: 500px;
}
</style>
</head>
<body>
<div class="div" id="haha">
</div>
<table>
<tr>
<td><button style="width: 55px; height: 40px;" onclick="btn1('体育')" id="btn1">体育</button></td>
<td><button style="width: 55px; height: 40px;" id="btn2" onclick="btn1('英语')">英语</button></td>
<td><button style="width: 55px; height: 40px;" id="btn3" onclick="btn1('数学')">数学</button></td>
<td><button style="width: 55px; height: 40px;" id="btn4" onclick="btn1('语文')">语文</button></td>
<td><button style="width: 55px; height: 40px;" id="btn5" onclick="btn1('美术')">美术</button></td>
<td><button style="width: 55px; height: 40px;" id="btn6" onclick="btn1('音乐')">音乐</button></td>
</tr>
</table>
<script type="text/javascript">
document.addEventListener('plusready', function(){
//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"

});
var qq = document.getElementById("haha");
function btn1(aa){
var arr = document.getElementsByTagName("input");
for(i=0;i<arr.length;i++){
if((aa+" X")==arr[i].value){
confirm("请勿重复操作")
return ;
}
}
var butt = document.createElement("input");
butt.setAttribute('type','button')
butt.setAttribute('value', aa+" X")
butt.setAttribute('onclick',"hehe(this)");
qq.appendChild(butt)
}
function hehe(qa){
if(confirm("是否删除")){
qa.remove()
}
}
</script>
</body>
</html>

阅读全文

0 0