要使用Dojo动态添加div,您可以使用Dojo的DOM操作API。以下是一个简单的示例,说明如何使用Dojo动态添加div。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dojo 动态添加 div 示例</title>
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
</head>
<body>
<button id="addDivButton">添加 div</button>
<div id="container"></div>
<script>
require(["dojo/on", "dojo/dom", "dojo/dom-construct"], function(on, dom, domConstruct) {
var addDivButton = dom.byId("addDivButton");
var container = dom.byId("container");
on(addDivButton, "click", function() {
var newDiv = domConstruct.create("div", {
innerHTML: "这是一个新的 div"
});
domConstruct.place(newDiv, container);
});
});
</script>
</body>
</html>
dojo/on
模块来处理按钮的点击事件,dojo/dom
模块来获取页面元素,以及dojo/dom-construct
模块来创建和添加新的div元素。这个示例展示了如何使用Dojo动态添加div。您可以根据自己的需求修改这个示例,以适应您的项目。
云+社区技术沙龙[第25期]
企业创新在线学堂
停课不停学第四期
北极星训练营
云+社区技术沙龙[第27期]
云+社区技术沙龙[第7期]
云+社区技术沙龙[第14期]
云+社区技术沙龙[第28期]
腾讯云GAME-TECH沙龙
T-Day
领取专属 10元无门槛券
手把手带您无忧上云