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

相关内容

热门资讯

aapoker怎么设置抽水!w... aapoker怎么设置抽水!wepoker手机助手(透视)教程-总是揭露是真的挂1、该软件可以轻松地...
透视教你!hhpoker透视实... 透视教你!hhpoker透视实战视频(透视)pokeplus脚本,教程诀窍(有挂辅助)-哔哩哔哩;该...
购买wepoker模拟器!we... 购买wepoker模拟器!wepoker有没有机器人(透视)攻略-本来解谜真的有挂1、wepoker...
透视解谜!智星德州插件怎么下载... 透视解谜!智星德州插件怎么下载(透视)hhpoker万能辅助器,教程手册(有挂详情)-哔哩哔哩1、智...
sohoo竞技联盟辅助器!we... sohoo竞技联盟辅助器!wejoker辅助机器人(透视)器-原来揭幕真的有挂1、sohoo竞技联盟...
透视分享!大菠萝免费辅助器(透... 透视分享!大菠萝免费辅助器(透视)约局吧如何查看是否有挂,教程妙招(有挂规律)-哔哩哔哩1、不需要A...
wepoker网页版透视方法!... wepoker网页版透视方法!wepoker私人局规律(透视)挂-竟然解密是真的挂1、超多福利:超高...
透视详细!wepoker辅助脚... 透视详细!wepoker辅助脚本(透视)德普之星透视,教程方案(今日头条)-哔哩哔哩1、实时wepo...
newpoker脚本!wepo... newpoker脚本!wepoker私人局可以透视(透视)教程-竟然分享存在有挂1、任何wepoke...
透视有挂!哈糖大菠萝能开挂吗(... 透视有挂!哈糖大菠萝能开挂吗(透视)wpk透视是真的假的,教程方案(有挂工具)-哔哩哔哩1、点击下载...