请问各位大哥，如果我获取到一个节点的id后我想把一段html代码插入到获取元素的前边或者后边怎么办

Question

请问该怎么办

Answer 1

用 jQuery 吧

$('#id').before('<p>插入到元素前面</p>');
$('#id').after('<p>插入到元素后面</p>');

Answer 2

appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild)
insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法 ：insertBefore(newchild,refchild)

Answer 3

HTMLElement.prototype.appendHTML = function(html) {
    var _div = document.createElement("div"),
        _dom = null,
        _fragment = document.createDocumentFragment();
    _div.innerHTML = html;
    _dom = _div.childNodes;
    for(var i = 0 ; i < _dom.length ; i++) {
        _fragment.appendChild(_dom[i].cloneNode(true));
    }
    this.appendChild(_fragment);
    _dom = null;
    _fragment = null;
};

这是我自己搞的一个插入的方法，你可以试试。

Answer 4

原生的insertAdjacentHTML

https://developer.mozilla.org...