속성 조작

const : 변수에 저장된 값이 바뀌지 않는 변수를 선언하는 것

const 이미지태그 = document . querySelector ("img")
이미지태그 . setAttribute ('내가 바꾸고자 하는 속성', "무슨 값으로 바꿀 것인지")

getAttribute : 속성을 가져오는 것

let 겟
겟 = 이미지태그 . getAttribute("width")
겟 = 이미지태그 . getAttribute("src")

겟 이라는 변수에 이미지태그의 width, src 속성을 가져옴

const 인풋박스 = document.querySelector("input")

input 박스 지정

const 버튼 = document.querySelector("button")

버튼 지정

버튼 . addEventListener("click", function ( ) {

겟 = 인풋박스.getAttribute("value")

console.log(겟)

*input에 입력한 값은 getAttribute로 가져오기 어려움

겟 = 인풋박스.value

console.log(겟)

*따라서 .value 로 값을 가져올것

}