不重新加载页面,向一个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; }

相关内容

热门资讯

必看攻略!wpk可以透视挂,江... 必看攻略!wpk可以透视挂,江西中指黑科技辅助软件,解密教程(有挂秘笈)-哔哩哔哩1、江西中指黑科技...
攻略讲解!佛手在线有挂,乐逍遥... 攻略讲解!佛手在线有挂,乐逍遥脚本辅助,2025教程(有挂方法)-哔哩哔哩1、乐逍遥脚本辅助透视辅助...
玩家必看秘籍!aapoker可... 玩家必看秘籍!aapoker可以设置提高好牌几率,盛世透视辅助工具,规律教程(有挂细节)-哔哩哔哩a...
每日必备!wejoker辅助软... 每日必备!wejoker辅助软件,丽水都莱脚本辅助,揭秘攻略(有挂辅助)-哔哩哔哩1、丽水都莱脚本辅...
推荐几款新版!hhpoker的... 推荐几款新版!hhpoker的辅助是真的,多乐跑的快游戏辅助脚本,微扑克教程(有挂助手)-哔哩哔哩一...
重大消息!werplan可以透... 重大消息!werplan可以透视,边锋干瞪眼辅助器,科技教程(有挂实锤)-哔哩哔哩1、边锋干瞪眼辅助...
今日科普!hhpoker脚本下... 今日科普!hhpoker脚本下载,椰子大厅辅助脚本,德州教程(确实有挂)-哔哩哔哩运椰子大厅辅助脚本...
热点推荐!WePOker有透视... 热点推荐!WePOker有透视方法,潘潘讲故事辅助挂,揭秘攻略(揭秘有挂)-哔哩哔哩1、操作简单,无...
六分钟了解!wepokerh5... 六分钟了解!wepokerh5破解,aapoker ai插件,力荐教程(有挂分享)-哔哩哔哩aapo...
科普!wepoker有辅助器,... 科普!wepoker有辅助器,微乐锄大地脚本,新版2025教程(果真有挂)-哔哩哔哩1.微乐锄大地脚...