尝试同时设置多个属性

Question

有没有一种用函数设置多个属性的好方法，我找到了一个带有属性参数的 Elements 原型，但是当我调用该方法时，我仍然需要写出里面的所有内容。我不确定如何或是否可以创建一个临时的空元素。

Element.prototype.setAttributes = function (attrs) {

    for (var idx in attrs) {

        if ((idx === 'styles' || idx === 'style') && typeof attrs[idx] === 'object') {

            for (var prop in attrs[idx]){this.style[prop] = attrs[idx][prop];}

        } else if (idx === 'html') {

            this.innerHTML = attrs[idx];

        } else {

            this.setAttribute(idx, attrs[idx]);

        }

    }

};

此方法接受如下输入

div.setAttributes({     //// This Works

        'id' :  'my_div',

        'class' : 'my_class'

    });

并返回带有添加属性的 div。

我正在尝试使用上面的原型来创建一个新函数，该函数允许我添加属性而无需插入诸如“class”：“my_class”之类的东西。

我希望能够在下面做

div.inputSet("my_id","my_class");

以下是我尝试过的，我不确定这是否可能。我有 2 天的 javascript 经验。

Element.prototype.inputSet = function(ids, classs, types, placeholders){

        var temp: new Element; ///// How to Create an empty element???

        return temp.setAttributes({

            'id' : `${ids}`,

            'class' : `${classs}`,

            'type'  : `${types}`,

            'placeholder' : `${placeholders}`

        });

    };

我想返回一个带有传递给函数的属性 args 的元素。