不重新加载页面,向一个div添加/删除内容”
创始人
2025-01-12 14:00:07
0

HTML代码:

原始内容

JavaScript代码:

// 获取div元素 var myDiv = document.getElementById("myDiv");

// 向div中添加内容 function addContent() { var newContent = document.createElement("p"); var text = document.createTextNode("新的内容"); newContent.appendChild(text); myDiv.appendChild(newContent); }

// 从div中删除内容 function removeContent() { var currentContent = myDiv.querySelector("p:last-child"); myDiv.removeChild(currentContent); }

// 给按钮绑定事件 var addButton = document.getElementById("addButton"); addButton.addEventListener("click", addContent);

var removeButton = document.getElementById("removeButton"); removeButton.addEventListener("click", removeContent);

// CSS样式 #myDiv { padding: 20px; background-color: #f2f2f2; }

相关内容

热门资讯

玩家交流“超级三加一辅助下载”... 1、玩家交流“超级三加一辅助下载”德州局脚本(原来有挂);详细教程。2、超级三加一辅助下载透视辅助简...
一起来探讨“连连看辅助器手机版... 1、一起来探讨“连连看辅助器手机版”竞技联盟透视插件(其实有挂);详细教程。2、连连看辅助器手机版透...
一分钟教你“闲逸辅助软件下载”... 《一分钟教你“闲逸辅助软件下载”扑克之星辅助(先前是真的有挂)》 闲逸辅助软件下载软件透明挂更新公告...
2024教程“陕西三代实战技巧... 2024教程“陕西三代实战技巧”sohoo竞技联盟辅助器(素来是真的有挂),支持语音通讯、好友开房及...
攻略讲解“欢聚水鱼科技辅助下载... 攻略讲解“欢聚水鱼科技辅助下载”大菠萝手游辅助(原本真的有挂)是由北京得欢聚水鱼科技辅助下载黑科技有...
玩家攻略推荐“传送屋软件辅助”... 《玩家攻略推荐“传送屋软件辅助”wepoker私人辅助器(其实真的有挂)》 传送屋软件辅助软件透明挂...
我来教教大家“福建兄弟13水插... 我来教教大家“福建兄弟13水插件”wepoker私人局外卦(固有真的有挂)关于福建兄弟13水插件机制...
实测教程“云麻圈修改器”uup... 实测教程“云麻圈修改器”uupoker有透视吗(一向真的是有挂)准备好在云麻圈修改器ia的高塔上攀登...
记者发布“微信小程序挂后台”德... 1、记者发布“微信小程序挂后台”德普之星透视辅助(都是是有挂);详细教程。2、微信小程序挂后台透视辅...
分辨真假“哈糖大菠萝怎么让系统... 分辨真假“哈糖大菠萝怎么让系统发好牌”aa poker辅助(本然是有挂)1、许多玩家不知道哈糖大菠萝...