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

相关内容

热门资讯

黑科技插件!aa扑克辅助,wp... 黑科技插件!aa扑克辅助,wpkai辅助,教你教程(有挂方法)-哔哩哔哩您好,aa扑克辅助,确实是有...
黑科技玄学!德扑ai智能机器人... 黑科技玄学!德扑ai智能机器人平台安装(智能ai)先前是真的有挂(有挂苹果版)-哔哩哔哩;人气非常高...
黑科技教学(wepoke是机器... 黑科技教学(wepoke是机器发牌吗)外挂透明挂辅助安装(透视)本来存在有挂(黑科技技巧)-哔哩哔哩...
黑科技私人局!wpk机器人(a... 黑科技私人局!wpk机器人(ai代打)太坑了有挂(解密教程黑科技攻略)-哔哩哔哩;亲,关键说明,wp...
黑科技安卓版(WPk)微扑克a... 黑科技安卓版(WPk)微扑克ai辅助(透视)辅助透视技能教程(本然是真的有挂);值得一提的是,微扑克...
黑科技肯定"微扑克有... 黑科技肯定"微扑克有计算器吗"德州软件辅助(原来真的是有挂)-哔哩哔哩1、下载好微扑克有计算器吗辅助...
黑科技脚本!wpk透视挂会被封... 黑科技脚本!wpk透视挂会被封号吗,wpk透视外挂购买渠道,可靠教程(有挂教程)-哔哩哔哩是一款可以...
黑科技智能ai!德州哪里有扑克... 黑科技智能ai!德州哪里有扑克辅助器(ai代打)一向是真的有挂(有挂智能)-哔哩哔哩;德州哪里有扑克...
黑科技辅助(微扑克的辅助工具苹... 黑科技辅助(微扑克的辅助工具苹果)外挂黑科技辅助插件(透视)确实真的有挂(黑科技黑科技)-哔哩哔哩1...
黑科技科技(AAPOker)辅... WePoke高级策略深度解析‌;黑科技科技(AAPOker)辅助效果实测(透视)记牌器(好像是真的有...