Add Multiple Attribute to an Element using javaScript

Untuk menambah beberapa attribute pada sebuah HTML element dengan menggunakan javaScript dapat menggunakan beberapa cara yang akan kita bahas berikut ini.

Function Expression

Code berikut ditulis dalam format TypeScript:

Methode #1

const setMultipleAttr = (elm: any, attributes: any) => {
  for (const key in attributes)
    elm.setAttribute(key, attributes[key])
}

Methode #2

const setMultipleAttr = (elm: any, attributes: any) => {
  Object.keys(attributes).forEach((attr) => {
    elm.setAttribute(attr, attributes[attr])
  })
}

CodePen

Reference

eveloper.mozilla.org/en-US/docs/Web/API/Element/setAttribute