如何利用js的控制在其中ul下的li标签中插入一个div

Question

```html
<ul class="sm_list">
            <li class  ="sm_Item">1</li>
            <li class="sm_Item">1</li>
            <li class="sm_Item">1</li>
            <li class="sm_Item">1</li>
        </ul>

我想在ul下的li标签循环下，随机指定位置插入一块div，请问有很好的方法吗？

<ul class="sm_list">
            <li class="sm_Item">1</li>
            <li class="sm_Item">1</li>
            <li class="sm_Item">1</li>
            <div class="sm_Itemads">
                <img src="" alt="">
            </div>
            <li class="sm_Item">1</li>
        </ul>

```