라이브러리

[JAVASCRIPT] element.getAttribute(name) - 요소 속성 값 가져오기




getAttribute(name) 메서드 소개


`getAttribute(name)` 메서드는 HTML 요소의 특정 속성을 반환합니다. 이 메서드는 HTML 요소의 속성을 가져오기 위해 사용됩니다.

예제


#hostingforum.kr
html




Hello World!




#hostingforum.kr
javascript

// JavaScript 코드

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



// getAttribute(name) 메서드 사용

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

console.log(myDiv.getAttribute('class'));  // "container"

console.log(myDiv.getAttribute('style'));  // "background-color: blue; color: white;"

console.log(myDiv.getAttribute('data-test'));  // null (속성이 없을 때)


속성 가져오기


`getAttribute(name)` 메서드는 HTML 요소의 속성을 가져오기 위해 사용됩니다. 속성 이름을 인수로 전달하면, 해당 속성의 값을 반환합니다. 만약 속성이 없을 때, `null`을 반환합니다.

예제: 속성 추가 및 가져오기


#hostingforum.kr
html




Hello World!




#hostingforum.kr
javascript

// JavaScript 코드

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



// 속성 추가

myDiv.setAttribute('data-test', 'world');



// 속성 가져오기

console.log(myDiv.getAttribute('data-test'));  // "world"


속성 삭제


속성을 삭제하려면 `removeAttribute(name)` 메서드를 사용합니다.

#hostingforum.kr
javascript

// 속성 삭제

myDiv.removeAttribute('style');

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


요약


`getAttribute(name)` 메서드는 HTML 요소의 특정 속성을 반환합니다. 속성 이름을 인수로 전달하면, 해당 속성의 값을 반환합니다. 만약 속성이 없을 때, `null`을 반환합니다. 속성을 추가하거나 삭제하려면 `setAttribute(name, value)` 및 `removeAttribute(name)` 메서드를 사용합니다.
  • profile_image
    나우호스팅 @pcs8404　
    호스팅포럼 화이팅!

    댓글목록

    등록된 댓글이 없습니다.

  • 전체 177건 / 1 페이지

검색

게시물 검색