JS 19 - 我要一份能控制网页内容的三人全家桶！

大家好！

今天要介绍的是能控制网页内容的原型方法。
我们进入今天的主题吧！

插入元素

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，我们明天再见！