DEV Community

ahoNerd
ahoNerd

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

2 1

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)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay