<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
/*
点击创建按钮,在页面上生成20个按钮(按钮内容为:哈哈),
其中这些按钮5个为一排
*/
</script>
</head>
<body>
<button id="btn">创建</button>
<div id="box"></div>
<script type="text/javascript">
var o=document.getElementById('box');
//添加点击事件
document.getElementById('btn').onclick=function(){
for(i=1;i<4;i++){
for(j=0;j<5;j++){
var b=atn();//创建按钮
o.appendChild(b);
}
o.appendChild(createbr());
}
};
function atn() {
//创建按钮
var btn=document.createElement('button');
btn.innerHTML='哈哈';
return btn;
}
//创建换行节点
function createbr(){
var br=document.createElement('br');
return br;
}
</script>
</body>
</html>
点击创建按钮,在页面上生成20个按钮(按钮内容为:哈哈), 其中这些按钮5个为一排
最新推荐文章于 2022-09-21 13:35:19 发布