javascript - 将表单嵌入 JavaScript

Question

我有一个网页，顶部有一组按钮。我正在编写一个函数，当单击最右边的按钮时，将表单放置在最右边的按钮的右侧。我正在使用以下 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);

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

Answer 1

它将它放在底部，因为您要将它附加到正文。

如果您希望它出现在特定按钮之后，那么您需要:

1. 获取该按钮
2. 获取该按钮的parentNode
3. 测试按钮是否是其父级中的最后一个子级
4. appendChild 或 insertBefore 表单到该父级

如果您希望它与按钮内联显示，那么您还需要确保按钮内联显示(以及新表单)，并且没有其他任何东西会破坏布局(例如 float )。