Javascript 在特定位置将元素插入DOM无效

我想使用

insertAdjacentHTML

在

p

和

input type=submit

之间插入一个

input type=text

字段，但它不起作用。插入字符串

[object HTMLInputElement]

，而不是

输入元素

我错过了什么？如果有更优雅的方法，请分享

这是我的密码：


const form=document.forms[0]
const submitButton=form.querySelector（“[type='submit']”）
const foobar=Object.assign（document.createElement（“输入”）{
键入：“文本”，
名称：“Foobar”，
只读：“正确”
})
submitButton.insertAdjacentHTML（“beforebeagin”，foobar）

…
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

只做它听起来像的事情-它插入HTML，就像字符串
'
。它不插入元素

如果要插入相邻图元，请使用：


const form=document.forms[0]
const submitButton=form.querySelector（“[type='submit']”）
const foobar=Object.assign（document.createElement（“输入”）{
键入：“文本”，
名称：“Foobar”，
只读：“正确”
})
submitButton.insertadjacentellement（“beforebeagin”，foobar）

…
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

用于插入HTML文本，即字符串。要插入DOM节点，请使用：

submitButton.parentNode.insertBefore(foobar, submitButton)