웹/자바스크립트
[JavaScript] element.getAttribute / 요소의 속성값에 접근
JY2
2021. 7. 9. 16:42
javascript / getAttribute()
getAttribute()
선택한 요소의 선택한 속성 값을 가져온다.
문법
element.getAttribute('attribute');
document.getElementById('div1').getAttribute("class")
id가 div1인 요소의 class값을 가져온다 .
예제
출력된 이미지의 경로를 가져오기
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img src="./그냥사진1.png" id="img-1"/>
</body>
<script>
document.getElementById('img-1').getAttribute('src');
</script>
</html>
id가 img-1인 것의 src값을 가져올 수 있다.