在动态创建的按钮上创建新元素

Question

所以问题是，我得到一个json，从json lenght我生成一个带有名称和按钮的设备列表，按钮旁边有设备名称的唯一id名称，所以问题是，如果我按下按钮它必须打开该设备名称的选项窗口，以便我可以将数据发送到数据库以获取该设备名称，如何为该动态按钮创建唯一元素，每个按钮打开其他选项，而无需创建大量的div使用“display：none”，因为它只会使页面超载并减慢速度。尝试使用childElements，获取id和狗屎，但是相同的按钮按下脚本并没有打开不同的选项，我只是无法绕过它。

函数a（）{

var sentence = 'hello Good morning';
var resultat1 = true;
var re = /\s+/;
var nameList = sentence.split(re);    //cutting the sentence into words

for (i = 0; i < nameList.length; i++) {
    var len = nameList[i].length; //Numer of caracter in each word
    if (len < 2 || len > 14)     //Test your counts
    {
        resultat1 = false; // if not match set variable to false and break
        break;
    }
}

alert(resultat1); // check your final result

}

A（）;

所以这段代码获取json，并创建尽可能多的循环元素，因为里面有数组对象，里面有这些对象名称，注释部分是创建选项窗口，每个设备名称都不显示