纯 Javascript 插入节点：在末尾插入、在开始插入

最新推荐文章于 2023-03-06 23:52:33 发布

亮子AI

最新推荐文章于 2023-03-06 23:52:33 发布

阅读量2.1k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/henryhu712/article/details/104731015

版权

Javascript 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

在末尾插入节点：

// Grab an element
var el = document.getElementById('thingy'),
    // Make a new div
    elChild = document.createElement('div');

// Give the new div some content
elChild.innerHTML = 'Content';

// Jug it into the parent element
el.appendChild(elChild);

在头部插入：

var el = document.getElementById('thingy'),
    elChild = document.createElement('div');
elChild.innerHTML = 'Content';

// Prepend it
el.insertBefore(elChild, el.firstChild);