insertAdjacentHTML追加HTML内容

element.insertAdjacentHTML(position,text)

position的参数
beforebegin：元素element自己的前面。
afterbegin：插入到元素element里面的第一个子节点之前
beforeend：插入元素element里面的最后一个子节点之后
afterend：元素element自己的后面。 

var legendId = document.querySelector('.holes')
    var str = `<div class="legendId">
                  这是添加的内容
               </div>`
legendId.insertAdjacentHTML("afterbegin", str)

还有添加元素的 Element.insertAdjacentElement()
添加文本的Element.insertAdjacentText()