在输入框附近注入一个按钮

Question

<input type="text"id="text111" name="text111">

我有这条线，并尝试在文本框的右侧注入一个按钮...请建议我如何在JS中执行此操作？

它是镀铬的延伸 我将找到ID的每个实例并将其注入......但是如何？

Answer 1

使用.insertAdjacentHTML()，详细信息在代码段

中注释

<强>段

＆＃13;

＆＃13;

// Reference the textbox
var in111 = document.getElementById('text111');

/* use insertAdjecentHTML() method 
|| The first parameter is the position of insertion
|| The second parameter is the text that will be rendered into
|| HTML.
*/
in111.insertAdjacentHTML('afterend', '<button id="btn">Button</button>');

＆＃13;

<input type="text" id="text111" name="text111">

＆＃13;

＆＃13;

＆＃13;