Dojo querySelector: 在指定位置插入新的 div 内容
使用 Dojo 的 querySelector 在目标元素后插入新的 div 内容:
require(['dojo/query', 'dojo/dom-construct'], function(query, domConstruct){
var targetElem = query('.target')[0]; // 查询目标元素
var newDiv = domConstruct.create('div', { // 创建新的 div 元素
innerHTML: '新的 div 内容'
});
domConstruct.place(newDiv, targetElem, 'after'); // 在目标元素后插入新的 div
});
在上面的代码中,我们首先使用 Dojo 的 query 函数查询到目标元素,然后使用 domConstruct.create 函数创建一个新的 div 元素,并设置其 innerHTML 属性。最后,我们使用 domConstruct.place 函数将新的 div 插入到目标元素后面。place 函数的第三个参数指定了插入的位置,这里我们使用了 'after',表示在目标元素后面插入。如果想在目标元素前面插入,可以使用 'before'。
原文地址: https://www.cveoy.top/t/topic/oDD8 著作权归作者所有。请勿转载和采集!