JavaScript를 사용하여 요소의 모든 속성을 얻는 방법은 무엇입니까?

<h1 data-color="red" data-maxlength="50">Heading</h1>

// first get the reference to h1 element
const h1 = document.querySelector("h1");

// get all attributes
// using attributes property
const h1TagAttributes = h1.attributes;

console.log(h1TagAttributes);

// first get the reference to h1 element
const h1 = document.querySelector("h1");

// get all attributes
// using attributes property
const h1TagAttributes = h1.attributes;

// loop through each attribute
for (let attribute of h1TagAttributes) {
  console.log(attribute.name); // attribute name
  console.log(attribute.value); // attribute value
}

😃 유용하셨다면 공유해 주세요.