12.3.5 메서드로 속성 조작하기
지금까지 document 객체의 속성으로 HTML 요소에 접근해 일부 속성을 조작할 수 있었습니다. 그런데 다음 메서드를 사용하면 모든 속성을 전체적으로 조작할 수도 있습니다.
표 12-6 속성 조작 메서드
|
메서드 형식 |
설명 |
|
<노드>.getAttribute("속성명"); |
속성값을 가져옵니다. |
|
<노드>.setAttribute("속성명", "속성값"); |
속성값을 설정합니다. |
|
<노드>.removeAttribute("속성명"); |
속성을 삭제합니다. |
getAttribute() 메서드는 선택된 요소 노드의 속성값을 가져오고 싶을 때 사용합니다.
12/03/attribute.html
<a href="https://www.gilbut.co.kr">길벗</a>
<script>
const aEl = document.querySelector("a");
const href = aEl.getAttribute("href");
console.log(href);
</script>
그림 12-13 실행결과