У меня есть следующий статический div:
<body>
<div id="div1"></div>
....
Я хочу динамически добавить div с идентификатором "div1_1" в div1 с помощью dojo. Как мне это сделать?
У меня есть следующий статический div:
<body>
<div id="div1"></div>
....
Я хочу динамически добавить div с идентификатором "div1_1" в div1 с помощью dojo. Как мне это сделать?
Вы можете сделать это, используя только Dojo Base, не нужно ничего включать, если вы используете магистраль или Dojo 1.3:
dojo.create("div", {id: "div1_1"}, "div1");
Эта строка создает div с идентификатором «div1_1» и добавляет его к элементу с идентификатором «div1». Очевидно, что вы можете добавить больше атрибутов и стилей за один раз, прочитайте все об этом в документации для dojo.create() а>.
Другой вариант использования гибкого dojo.place:
dojo.place("<div id='div1_1'></div>", "div1", /*optional*/ "only");
dojo/dom-construct также можно использовать для создания новые узлы.
Пример использования следующий;
require([ "dojo/dom-construct", "dojo/_base/window" ], function(
domConstruct, win) {
// creates a new div and append it as the last child of the body
domConstruct.create("div", null, win.body()));
});
Аргументы dojo/dom-construct
вы можете проверить документацию для получения дополнительной информации.
var divNode = document.createElement("div");
divNode.id = "div1_1";
document.body.appendChild( divNode );
Это хороший способ, он помогает обойти некоторые проблемы со ссылками на узлы в IE7, и вы можете продолжить использовать ссылку на divNode позже.