javascript 添加子元素和父元素

牧师

如何创建动态图像绘制,我的javascript foreach元素命令:

temp = document.getElementById(docElement);
temp.appendChild(document.createElement('div'));
temp.lastElementChild.innerText = 'text';
temp.appendChild(document.createElement('img'));

docElement很简单,它绘制的另一个 div 容器:

<div id="docElement">
<div>text</div>
<img></img>
<div>text</div>
<img></img>
<div>text</div>
<img></img>
...
</div>

我想了:

<div id="docElement">
<div>text<img></img></div>
<div>text<img></img></div>
<div>text<img></img></div>
<div>text<img></img></div>
...
</div>
桑吉·帕蒂亚尔

您正在进入内部 div 因为您将图像附加到主 div docElement只需将它们存储在不同的变量中,然后以您想要的任何方式使用它们

temp = document.getElementById("docElement");
innerdiv = document.createElement('div');
temp.appendChild(innerdiv);
innerdiv.innerText = 'text';
innerdiv.appendChild(document.createElement('img'));
<div id="docElement">
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用javascript将子元素添加到父元素

在父元素和子元素之间绑定值,其中子元素是使用javascript创建的

JavaScript为父元素和子元素返回未定义的

在一组匹配的元素上将子元素添加到父元素,并使用Parent Div href-Javascript

查找父纯JavaScript的子元素

根据子元素的内容对父元素进行排序-javascript / jquery

Javascript-从数组中删除子元素或父元素

如何使用JavaScript将类添加到父级的子级元素

如何使用 JavaScript 在单击子元素时关闭父 div?

Javascript:向dom添加和删除元素

用Javascript和Jquery添加li元素

iframe中的javascript访问和修改父级的选择元素

javascript:在子元素的条件下将类应用于父标记元素

如何在JavaScript中仅删除父元素而不删除其子元素?

javascript 中的递归以使用具有单个父元素的子元素构建 HTML

悬停父元素后,使用香草javascript将类添加/删除到其他元素

使用JavaScript删除父元素

Javascript:查找父元素文本

使用javascript根据元素高度和父级高度更改元素填充

Javascript和classname元素

在 Javascript 中从 SVG id 创建数组和子元素

如何遍历元素及其子元素以顺序添加或删除类— Javascript / jQuery

JavaScript检查元素是否为子元素

没有子元素的Javascript元素html

Javascript追加子元素AFTER元素

Javascript createElement,添加html元素和简单文本

在javascript中的循环中添加和删除数组的元素

在mouseEnter上使用JavaScript向元素添加和删除类

删除Javascript中的子元素