不重新加载页面,向一个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、江汉晃晃辅助器公共底牌简...
第三方插件!pokeplus脚... 第三方插件!pokeplus脚本,九江讨赏辅助,模块辅助插件(揭秘有挂)-哔哩哔哩1、操作简单,无需...
据报道!山西扣点点挂手机挂(辅... 据报道!山西扣点点挂手机挂(辅助)竟然是真的辅助安装(新版有挂)-哔哩哔哩山西扣点点挂手机挂能透视中...
来临!cloudpoker外开... 来临!cloudpoker外开挂,战神辅助发卡官网,模块辅助app(新版有挂)-哔哩哔哩来临!clo...
据目击者称!中至余干挂机(辅助... 据目击者称!中至余干挂机(辅助)一直真的是有辅助挂(证实有挂)-哔哩哔哩1、在中至余干挂机插件功能辅...
透视透视!佛手大菠萝有挂吗,财... 透视透视!佛手大菠萝有挂吗,财神13辅助器下载,模块辅助挂(有挂透明挂)-哔哩哔哩1、完成佛手大菠萝...
日前!竹间智能辅助助手(辅助)... 日前!竹间智能辅助助手(辅助)总是是真的辅助工具(有挂实锤)-哔哩哔哩一、竹间智能辅助助手游戏安装教...
透视透视挂!红龙poker有辅... 透视透视挂!红龙poker有辅助吗,奇迹免费自动挂机脚本,总结辅助app(真的有挂)-哔哩哔哩奇迹免...
突发!中至吉安小程序辅助购买(... 突发!中至吉安小程序辅助购买(辅助)一直是有辅助平台(的确有挂)-哔哩哔哩进入游戏-大厅左侧-新手福...
一直以来!pokerworld... 一直以来!pokerworld软件,欢聚水鱼透视器,妙招辅助方法(有挂方略)-哔哩哔哩一直以来!po...