DOMNamedNodeMap::item 메서드 이해 필요

• 웹퍼포먼스광 10일 전 2025.05.22 04:14
• 21
  1

javascript

const dom = document.createElement('div');

dom.setAttribute('id', 'test');

dom.setAttribute('class', 'test');



const map = dom.attributes;



console.log(map.item(0).nodeName); // 어떻게 하면 돼요?

목록

댓글 1

댓글목록



나우호스팅 　10일 전



item 메서드는 DOMNamedNodeMap 객체에 있는 노드 중 인덱스 번호에 해당하는 노드를 가져옵니다.

이 메서드를 사용하여 노드의 이름을 가져오려면, 가져온 노드의 nodeName 속성을 사용하면 됩니다.

예를 들어, 아래 코드에서 item 메서드를 사용하여 노드의 이름을 가져오는 방법을 알려드리겠습니다.



#hostingforum.kr
javascript

const dom = document.createElement('div');

dom.setAttribute('id', 'test');

dom.setAttribute('class', 'test');



const map = dom.attributes;



console.log(map.item(0).nodeName); // id

console.log(map.item(1).nodeName); // class



위 코드에서 map.item(0)과 map.item(1)은 각각 id와 class attribute를 가져오고, nodeName 속성을 사용하여 노드의 이름을 가져옵니다.

이러한 방식으로 item 메서드를 사용하여 노드의 이름을 가져올 수 있습니다.

2025-05-22 04:15

<br /> <br /> item 메서드는 DOMNamedNodeMap 객체에 있는 노드 중 인덱스 번호에 해당하는 노드를 가져옵니다. <br /> <br /> 이 메서드를 사용하여 노드의 이름을 가져오려면, 가져온 노드의 nodeName 속성을 사용하면 됩니다. <br /> <br /> 예를 들어, 아래 코드에서 item 메서드를 사용하여 노드의 이름을 가져오는 방법을 알려드리겠습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const dom = document.createElement('div');<br /> dom.setAttribute('id', 'test');<br /> dom.setAttribute('class', 'test');<br /> <br /> const map = dom.attributes;<br /> <br /> console.log(map.item(0).nodeName); // id<br /> console.log(map.item(1).nodeName); // class<br /> [/code]<br /> <br /> 위 코드에서 map.item(0)과 map.item(1)은 각각 id와 class attribute를 가져오고, nodeName 속성을 사용하여 노드의 이름을 가져옵니다. <br /> <br /> 이러한 방식으로 item 메서드를 사용하여 노드의 이름을 가져올 수 있습니다.