大家好！

今天要介紹的是能控制網頁內容的原型方法。
我們進入今天的主題吧！

插入元素

Felix.prototype.insert = function (el, pos) {
    el = typeof el === 'string' ? document.createElement(el) : el;
    pos = /^(before|after)(begin|end)$/.test(pos) ? pos : 'beforeend';
    /* 這裡的 this 指向新物件 */
    Felix.forEach(this, function () {
        /* 這裡的 this 指向新物件的每個元素 */
        this.insertAdjacentElement(pos, el);
    });
};

/* 於 body 的結束標籤前插入一個 div 元素 */
Felix('body').insert('div');

移除元素

Felix.prototype.remove = function () {
    /* 這裡的 this 指向新物件 */
    Felix.forEach(this, function () {
        /* 這裡的 this 指向新物件 */
        this.parentNode.removeChild(this);
    });
};

/* 移除 body 元素 */
Felix('body').remove();

清空內容

Felix.prototype.pour = function () {
    /* 這裡的 this 指向新物件 */
    Felix.forEach(this, function () {
        /* 這裡的 this 指向新物件的每個元素 */
        while (this.firstChild) {
            this.removeChild(this.lastChild);
        }
    });
};

/* 清空 body 內容 */
Felix('body').pour();

差不多也到尾聲了，接下來我們要介紹的是函式庫的原型方法。
如果對文章有任何疑問，也歡迎在下方提問和建議！
我是 Felix，我們明天再見！