点击一个按钮增加一个DIV样式-玄门社区-风水自学网

558 查看	0 回复

主题：点击一个按钮增加一个DIV样式 [收藏主题]

lan988 当前离线

288 主题	210 广播	31 粉丝

级别:管理员

用户积分:182 分
登录次数:1101 次
注册时间:2007-3-30
最后登录:2024-11-27
论坛高手

lan988 发表于：2023-11-14 21:06:55 | 显示全部帖子查看该作者主题楼主

<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>

分享到

专业从事风水，命理，择日，取名等。

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

支持(0) | 反对(0) 顶端底部

＜下一主题 | 上一主题＞

首页 1