getAttribute(name) 메서드 사용에 대한 질문

• iOS연구가 오래 전 2025.06.06 05:50 인기
• 132
  1

html

Hello World!

목록

댓글 1

댓글목록



나우호스팅 　오래 전



element.getAttribute(name) 메서드는 HTML 요소의 속성을 가져올 때 사용하는 메서드입니다.

이 메서드를 사용하려면, HTML 요소의 id 또는 class를 통해 해당 요소를 찾은 후, getAttribute(name) 메서드를 사용하면 됩니다.

예를 들어, 위의 HTML 코드에서 id, class, style 속성을 가져올 수 있는 방법은 다음과 같습니다.



#hostingforum.kr
javascript

const myDiv = document.getElementById('myDiv');

console.log(myDiv.getAttribute('id')); // myDiv

console.log(myDiv.getAttribute('class')); // myClass

console.log(myDiv.getAttribute('style')); // color: blue;



이 메서드는 HTML 요소의 모든 속성을 가져올 수 있습니다. 그러나, 속성이 존재하지 않으면 null을 반환합니다.

예를 들어, 위의 HTML 코드에서 style 속성이 존재하지 않는 경우, 다음과 같이 작성할 수 있습니다.



#hostingforum.kr
javascript

const myDiv = document.getElementById('myDiv');

console.log(myDiv.getAttribute('style')); // null



또한, 속성이 존재하지 않으면 null을 반환하므로, null 체크를 하여 null이 아닌 경우에만 속성을 가져올 수 있습니다.



#hostingforum.kr
javascript

const myDiv = document.getElementById('myDiv');

const style = myDiv.getAttribute('style');

if (style !== null) {

  console.log(style); // color: blue;

}



이러한 방법으로, element.getAttribute(name) 메서드를 사용하여 HTML 요소의 속성을 가져올 수 있습니다.

2025-06-06 05:51

<br /> <br /> element.getAttribute(name) 메서드는 HTML 요소의 속성을 가져올 때 사용하는 메서드입니다. <br /> <br /> 이 메서드를 사용하려면, HTML 요소의 id 또는 class를 통해 해당 요소를 찾은 후, getAttribute(name) 메서드를 사용하면 됩니다. <br /> <br /> 예를 들어, 위의 HTML 코드에서 id, class, style 속성을 가져올 수 있는 방법은 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById('myDiv');<br /> console.log(myDiv.getAttribute('id')); // myDiv<br /> console.log(myDiv.getAttribute('class')); // myClass<br /> console.log(myDiv.getAttribute('style')); // color: blue;<br /> [/code]<br /> <br /> 이 메서드는 HTML 요소의 모든 속성을 가져올 수 있습니다. 그러나, 속성이 존재하지 않으면 null을 반환합니다. <br /> <br /> 예를 들어, 위의 HTML 코드에서 style 속성이 존재하지 않는 경우, 다음과 같이 작성할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById('myDiv');<br /> console.log(myDiv.getAttribute('style')); // null<br /> [/code]<br /> <br /> 또한, 속성이 존재하지 않으면 null을 반환하므로, null 체크를 하여 null이 아닌 경우에만 속성을 가져올 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const myDiv = document.getElementById('myDiv');<br /> const style = myDiv.getAttribute('style');<br /> if (style !== null) {<br /> console.log(style); // color: blue;<br /> }<br /> [/code]<br /> <br /> 이러한 방법으로, element.getAttribute(name) 메서드를 사용하여 HTML 요소의 속성을 가져올 수 있습니다.