append、appendTo、appendChild、prepend
阅读原文时间:2021年04月20日阅读:1

参考资料:http://blog.csdn.net/xiangxiangw29/article/details/52460563

append、appendTo、appendChild、在父节点中的最后一个子节点后面插入。append和appendTo区别是append的前面是对象,后面是要插入的节点对象。

比如append     var wrap=document.getElementById('wrap');   wrap.append('

111111

');

而    appendTo    $('

1111

').appendTo($('wrap'));

appendChild 是JS方法,和append一样,插入到父节点中最后一个子节点之后。

上面的 都是在插入父元素中的子节点最后。

prepend、prependTo 

上面两个的 都是在插入父元素中的子节点最前面。

after 、insertafter

上面两个的 都是在插入当前元素之后。

before 、insertbefore

上面两个的 都是在插入当前元素之前。

innerHTML是把当前内容都换掉,是JS原生方法,可以写入元素节点。用法 DOM.innerHTML='

1111222

';

innerTEXT是把当前内容都换掉,是JS原生方法,可以写入元素节点。用法 DOM.innerText='

1111222

';

jquery方法是html()和text();