DEV Community

ahoNerd
ahoNerd

Posted on • Updated on • Originally published at ahonerd.com

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])
}
Enter fullscreen mode Exit fullscreen mode

Methode #2

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

CodePen

Reference

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

Top comments (0)