将表单与JavaScript内联放置

我有一个网页，上面有一组按钮。我正在编写一个函数，用于在单击最右边的按钮时将表单放置在其右侧。我正在使用以下JavaScript代码

var optionsForm = document.createElement("form");
optionsForm.setAttribute('method',"post");
optionsForm.style.display = "inline";
MakeDropDown(optionsForm);  // Make drop-down list element
document.getElementsByTagName('body')[0].appendChild(optionsForm);

---

但是，它会将表单/下拉列表放置在页面底部，而不仅仅是顶部按钮的右侧。我希望不必使用绝对定位，因为我希望表单正好位于最右侧按钮的右侧，并且可能有不同数量的按钮。

这是因为您要将表单附加到正文中：

document.getElementsByTagName（“正文”）[0]

。您需要在按钮后面附加类似以下内容：

document.getElementById（'my-buttons-container'）.appendChild（optionsForm）

希望这有帮助
 这是因为您正在将表单附加到正文中：
document.getElementsByTagName（'body'）[0]
。您需要在按钮后面附加类似以下内容：
document.getElementById（'my-buttons-container'）.appendChild（optionsForm）

希望这有帮助
 它将其放置在底部，因为您要将其附加到主体

如果您希望它刚好出现在特定按钮之后，则需要：

拿那个按钮
获取该按钮的父节点
测试按钮是否为其父级中的最后一个子级
将表单之前的appendChild或Insert插入到该父项中
如果您希望它与按钮一起内联显示，那么您还需要确保按钮是内联显示的（以及新表单），并且没有任何其他东西会破坏布局（例如浮动）。
它将它放在底部，因为您将它附加到主体上

如果您希望它刚好出现在特定按钮之后，则需要：

拿那个按钮
获取该按钮的父节点
测试按钮是否为其父级中的最后一个子级
将表单之前的appendChild或Insert插入到该父项中
如果您希望它与按钮一起内联显示，那么您还需要确保按钮是内联显示的（以及新表单），并且没有其他东西会破坏布局（例如浮动）。
您应该将表单附加到这些按钮之后。为此，您需要获取这些按钮的parentNode，并使用
buttonNode.insertBefore（buttonparent，buttons）
看看这个：
您应该在这些按钮之后附加表单。为此，您需要获取这些按钮的parentNode，并使用
buttonNode.insertBefore（buttonparent，buttons）
看看这个：