insertAdjacentHTML的用法，我用的很少，不知道大家频繁不……-白红宇

内容1
    内容2
    内容3
    内容4
    一般我们用下面的方法居多（appendChild） ：    var _li = document.createElement('li');    document.querySelector("ul").appendChild(_li);    insertBefore我一般也很少使：    var _dom = document.querySelector("ul");    var _li = document.createElement('li');    if(_dom.children){        _dom.insertBefore(_li,_dom.children[1])    }else{        _dom.appendChild(_li);    }    document.querySelector("ul").insertAdjacentHTML('beforeend','89
')    其实下面这种方法更好使，并且insertAdjacentHTML是插入文本会解析html标签：    document.querySelector("ul").insertAdjacentHTML("afterbegin","5555
");    beforebegin  //在 element 元素的前面。    afterbegin   //在 element 元素的第一个子元素前面。    beforeend    //在 element 元素的最后一个子元素后面。    afterend     //在 element 元素的后面。    火狐不支持这个insertAdjacentText，另外insertAdjacentElement在火狐中也不支持，同样使用下面的兼容代码：    (function(){          if(!!window.sidebar && HTMLElement.prototype.insertAdjacentText == undefined) {              HTMLElement.prototype.insertAdjacentElement = function(where, node) {                  switch (where) {                      case "beforebegin":                          this.parentNode.insertBefore(node, this);break;                      case "afterbegin":                          this.insertBefore(node, this.firstChild);break;                      case "beforeend":                          this.appendChild(node);break;                      case "afterend":                          if (this.nextSibling)                              this.parentNode.insertBefore(node, this.nextSibling);                          else                              this.parentNode.appendChild(node);                          break;                  };              };              HTMLElement.prototype.insertAdjacentText = function(where, txt) {                  var parsedText = document.createTextNode(txt);                  this.insertAdjacentElement(where, parsedText);              };          };      })(); 复制代码