尝试同时设置多个属性

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'
    });

和 returns 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}`
        });
    };

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

Answer 1

有点难以理解您的问题，但是..类似于以下片段？我不明白的是你为什么要尝试创建一个新元素..

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]);
        }
    }
};

Element.prototype.inputSet = function(ids, classs, types, placeholders){
        // just like your "setAttributes" method... use the This to set the attributes
        return this.setAttributes({
            'id' : `${ids}`,
            'class' : `${classs}`,
            'type'  : `${types}`,
            'placeholder' : `${placeholders}`
        });
    };
document.querySelector('#sample').inputSet('abc', 'for');

.for {
 border:1px solid red;
 width:100px;
 height: 100px;
}

<div id="sample"></div>

尝试同时设置多个属性

Trying to set multiple Attributes at the same time

javascript

html

setattribute