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

相关内容

热门资讯

推荐十款!微扑克ai防封,微扑... 推荐十款!微扑克ai防封,微扑克如何让系统发好牌(微扑克)确实是真的有挂(有挂助手)-哔哩哔哩1、微...
交流学习经验!微扑克辅助透视技... 交流学习经验!微扑克辅助透视技能教程,微扑克有挂么(微扑克)总是是有挂(有挂技巧)-哔哩哔哩1、不需...
来一盘!微扑克ai会被检测到吗... 来一盘!微扑克ai会被检测到吗,微扑克ai机器人(微扑克)切实存在有挂(有挂辅助)-哔哩哔哩1、这是...
实测发现!微扑克辅牌器,微扑克... 实测发现!微扑克辅牌器,微扑克透牌(微扑克)总是存在有挂(有挂讲解)-哔哩哔哩;进入游戏-大厅左侧-...
重大发现!微扑克有脚本吗,微扑... 重大发现!微扑克有脚本吗,微扑克透牌(微扑克)都是是有挂(有挂方针)-哔哩哔哩进入游戏-大厅左侧-新...
分享开挂内幕!微扑克辅助测试,... 分享开挂内幕!微扑克辅助测试,微扑克有挂么(微扑克)都是真的有挂(的确有挂)-哔哩哔哩1、微扑克辅助...
实测揭晓!微扑克ai机器人,微... 实测揭晓!微扑克ai机器人,微扑克ai机器人(微扑克)一直存在有挂(有挂透明挂)-哔哩哔哩1、全新机...
必看攻略!微扑克有透视挂吗,微... 必看攻略!微扑克有透视挂吗,微扑克如何让系统发好牌(微扑克)竟然有挂(有挂解密)-哔哩哔哩;1、让任...
一起来讨论!微扑克辅牌器,微扑... 一起来讨论!微扑克辅牌器,微扑克透牌(微扑克)其实真的有挂(有挂技巧)-哔哩哔哩;一、微扑克辅牌器软...
查到实测!微扑克发牌机制,微扑... 查到实测!微扑克发牌机制,微扑克ai机器人(微扑克)竟然有挂(了解有挂)-哔哩哔哩1、上手简单,内置...