Javascript 如何将子级附加到id为随机数的div？

阅读底部的编辑！：）

我正在制作一个小网站，用户可以在其中填写多个文本框，当他们稍后回来时，他们的文本框就会回来。（使用本地存储的帮助台系统非常糟糕）

我有三个用户可以填写的字段，当提交这些字段时，它们应该显示在下面的一个div中。目前，我只能获取要显示的第一个字段，因为我将其附加到一个静态div，但我想将其余字段附加到第一个字段。这不会太难，但我似乎无法将一个子元素附加到没有设置ID的div中（如果不进行硬编码）

我试过类似的方法

divAId +  i.appendChild(divB)

及

，但似乎没有任何效果

以下是相关代码：

gradStorages = JSON.parse(localStorage.getItem('gradStorages'));
var iFeil = 0;
function feilDivCreate(){
    const divF = document.createElement("div");
    divF.className = "feilDiv";
    divF.id = "feilDivId" + iFeil;
    listIdIncrement();
    divF.appendChild(document.createTextNode(set1));
    textContainer2.appendChild(divF);
    iFeil += 1;
}

var iOffer = 0;
var feilIdNumber = "feilId";
function offerDivCreate(){
    const divO = document.createElement("div");
    divO.className = "offerDiv";
    divO.id = "offerDivId" + iOffer;
    listIdIncrement();
    divO.appendChild(document.createTextNode(set1));
    feilIdNumber + iOffer.appendChild(divO);
    iOffer += 1;
    console.log(feilIdNumber + "TATATATAT");
}


var set1 = "set1 Not Defined";
var set2 = "set2 Not Defined";
var set3 = "set3 Not Defined";


function extract(){
    for(let i = 0; i < feilStorages.length; i++){
        set1 = feilStorages[i];
        set2 = offerStorages[i];
        set3 = gradStorages[i];
        feilDivCreate();    
        offerDivCreate();
        gradDivCreate(); // same as offerDiv
    }
}

gradStorages=JSON.parse（localStorage.getItem（'gradStorages'）；
var-iFeil=0；
函数feildvcreate（）{
const divF=document.createElement（“div”）；
divF.className=“feilDiv”；
divF.id=“feilDivId”+iFeil；
ListIdEncrement（）；
appendChild（document.createTextNode（set1））；
textContainer2.appendChild（divF）；
iFeil+=1；
}
var-iOffer=0；
var feilIdNumber=“feilId”；
函数offerDivCreate（）{
const divO=document.createElement（“div”）；
divO.className=“offerDiv”；
divO.id=“offervid”+iOffer；
ListIdEncrement（）；
appendChild（document.createTextNode（set1））；
feilIdNumber+iOffer.appendChild（divO）；
iOffer+=1；
控制台日志（feilIdNumber+“TATATATAT”）；
}
var set1=“set1未定义”；
var set2=“set2未定义”；
var set3=“set3未定义”；
函数提取（）{
for（设i=0；i

（如果需要，可以添加更多，或者制作JSFIDLE。）

我需要一种将

offerDiv

附加到

feilDiv

的方法，但这并不简单，因为

feilDiv

的id是

feilDivId+I

，其中

I

每添加一个新的

feilDiv

就增加一个

关于如何实现这一点，有什么建议吗

编辑：这里是一个简化版本，显示了理解我试图做什么所需的所有代码。 用所有的新代码提出一个新问题可能更容易，但我不太确定这是否允许。。如果我必须更改有关我的问题的任何内容，请告知我：）

在此代码中：

var divAIdNumber = divAId + i;
divAIdNumber.appendChild(divB);

似乎您正试图将一个元素附加到刚才通过将i添加到某个数字而创建的整数值上。您需要通过document.querySelector或使用jQuery获取父节点，然后附加到父节点。当您尝试将标记附加到数字时，浏览器不知道该做什么。它需要一个它将被附加到的DOM位置

应该是这样的:

var divAIdNumber = divAId + i;
var html = "<div class='" + divAIdNumber + "'> Content here </div>";
var element = document.querySelector(".my-element");
element.appendChild(html);

var divAIdNumber=divAId+i；
var html=“此处的内容”；
var元素=document.querySelector（“.my元素”）；
元素。appendChild（html）；

您应该在此处创建代码段。如果我们没有一个例子，就很难理解这个问题。你能发布足够多的代码，作为一个“”，让我们重现你的问题吗？不是一个混蛋什么的，但我需要知道的唯一一件事是如何将一个id为“idName+i”的孩子附加到一个div中（其中“i”每增加一个div就增加一个）。。它可以复制，但我真的看不出重点。。。有吗？是的，它让我们看到您正在使用什么，您可能会假设什么，您可能希望附加什么/在哪里，并在我们的答案中创建一个简单的演示，以提供与您的问题相关的特定示例。以及在您的问题和我们的答案之间提供一个清晰的关系，这可能会使未来的访问者以及您自己受益。这也是网站的一个要求，在你的问题中有这样的代码，加上在你的问题中有这样的事实，我的错。我重新创建了整个程序，使其更简单，并制作了一个代码笔：类似于

container2.appendchild（myDiv）

的东西。但是我想将myDiv附加到container0，然后下一个myDiv应该附加到container1，然后是container2，等等。我已经用代码笔更新了我的问题，以便更容易理解：）

var divAIdNumber = divAId + i;
var html = "<div class='" + divAIdNumber + "'> Content here </div>";
var element = document.querySelector(".my-element");
element.appendChild(html);