选择以不同功能javascript创建的表单的方法

Question

我有一个onclick函数，可在单击按钮后创建表单。

function () {
    var f = document.createElement("form");
    var formInput = document.createElement('input');
    formInput.onclick = "selected(cell,f,formInput)";
    var s = document.createElement("input");
    s.setAttribute('type', "submit");
    f.appendChild(formInput);
    f.appendChild(s);
    f.classList.add("uploadImage");
    f.onClick = formInput.click();
}

有多个按钮，它们执行上述功能，每种形式具有不同的id但在同一类uploadImage

中

我想用onclick功能创建一个按钮来submit所有这些表格。

*我如何通过该功能选择它们？

<button id="uploadJSON" type="button" name="button">Save data</button>

document.querySelector("#uploadJSON").onclick = function(){
   var upFC = document.getElementsByClassName('uploadImage');
   console.log("upload forms ==>",upForms);
   console.log("upFC = " , upFC);

我从两个日志中得到的输出是 null upFC = HTMLCollection [] (0 length )

我还尝试通过添加

将表单附加到隐藏的div

var formVar = document.getElementById("uploadList");
formVar.append(f);

成功了！！但我不确定这是否是最好的方法