라이브러리
[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)` 메서드를 사용합니다.
댓글목록
등록된 댓글이 없습니다.
