js如何在指定位置添加div？

Question

前台代码如图，我想在红线位置增加一个div<div onclick="items.kkk()">添加这里</div>那么，JS该怎么写？谢谢~

Answer 1

1、利用js代码首先创建一个div，document.createElement('div');
2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。
3、确定位置之后，显示div即可。
示例：比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个div。
<input type="text" id="city" value="beijing"/>