点击一个按钮增加一个DIV样式-蓝易堂-玄门

点击一个按钮增加一个DIV样式

lan988 级别:管理员 + 关注收藏

<body>
<button id="btn">增加</button>
<div>第1个DIV</div>
<script>
  var btn = document.getElementById("btn");
  var divs = document.getElementsByTagName("div"); //DIV数组
  var index = divs.length-1; //得到最后一个DIV索引
  btn.function(){
    var divi = document.createElement("div"); //创建一个DIV
    var txt = document.createTextNode("第"+(divs.length+1)+"个DIV"); //创建DIV的文字内容
    divi.appendChild(txt); //将文字内容添加到新创建的DIV
    divs[index].appendChild(divi); //将新创建的DIV添加到原来最后一个DIV的后面
  }
</script>
</body>

顶端

底部