ボタンを入力ボックスの近くに挿入

Question

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

私はこの行を持っており、テキストボックスの右側にボタンを挿入しようとしています...私はJSでこれを行うにはどうすればよいですか？

クロムの拡張子
私はIDのすべてのインスタンスを見つけてそれを挿入するつもりです...しかしどうですか？

Answer 1

使用.insertAdjacentHTML()、詳細はスニペット

にコメントしている

SNIPPET

// 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>');

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