不重新加载页面,向一个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、实测发现辅助器技...
今日科普作弊器教程!大晋斗地主... 今日科普作弊器教程!大晋斗地主多功能作弊器教程,大晋斗地主竟然存在有作弊器教程1、首先打开大晋斗地主...
推荐几款新版开挂app!决胜朋... 您好,决胜朋来麻将这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
玩家必看科普辅助插件!欢乐划水... 玩家必看科普辅助插件!欢乐划水麻将多功能辅助插件,欢乐划水麻将确实真的有辅助插件1、欢乐划水麻将免费...
9分钟了解外挂软件!打哈儿麻将... 9分钟了解外挂软件!打哈儿麻将多功能外挂软件,打哈儿麻将果然存在有外挂软件1、打哈儿麻将破解器简单,...
免费测试版辅助工具!52麻将多... 免费测试版辅助工具!52麻将多功能辅助工具,52麻将总是存在有辅助工具1、52麻将模拟器是什么优化,...
推荐十款透视挂脚本!天涯麻将多... 推荐十款透视挂脚本!天涯麻将多功能透视挂脚本,天涯麻将都是真的有透视挂脚本小薇(辅助器软件下载)致您...
一分钟揭秘透视器app!乐通多... 一分钟揭秘透视器app!乐通多功能透视器app,乐通总是是真的有透视器app1、进入游戏-大厅左侧-...
最新技巧透视器工具!博乐温州棋... 最新技巧透视器工具!博乐温州棋牌多功能透视器工具,博乐温州棋牌好像真的是有透视器工具1、起透看视 博...
一分钟了解辅助教程!友乐广西麻... 一分钟了解辅助教程!友乐广西麻将多功能辅助教程,友乐广西麻将真是真的有辅助教程1)友乐广西麻将有没有...