我想在每个“DotsDiv”元素中添加这个“domino”元素。
我想在每个“DotsDiv”元素中添加这个“domino”元素。
提问于 2019-10-27 06:40:07
我想知道如何将两个带点类的元素附加到domino类中。
for (i=0; i<10; i++){
var domino = document.createElement('div');
domino.className = "domino";
document.getElementById('dominoes').appendChild(domino);
}
for (j=0; j<2; j++){
var DotsDiv = document.createElement('div');
DotsDiv.className = "dots";
document.querySelector('.domino').appendChild(DotsDiv);
}回答 1
Stack Overflow用户
发布于 2019-10-27 06:46:55
使用嵌套循环。外部会创建.domino项，而内部会将.dots项添加到当前.domino。
var dominoes = document.getElementById('dominoes');
var i, j, domino, DotsDiv;
for (i = 0; i < 10; i++) {
domino = document.createElement('div');
domino.className = "domino";
for (j = 0; j < 2; j++) {
DotsDiv = document.createElement('div');
DotsDiv.className = "dots";
domino.appendChild(DotsDiv);
}
dominoes.appendChild(domino);
}.domino {
background: gold;
border: 1px solid black;
}
.dots {
width: 20px;
height: 10px;
background: silver;
border: 1px solid red;
}<div id="dominoes"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58575277
复制相关文章
相似问题
腾讯云开发者
