⭐Javascript ( 문서 객체 조작하기 )

조작하는 것은 값을 넣거나 추출하는 것을 의미한다

📕글자 조작하기

값 입력에 있어서 textContent와 innerHTML은 태그를 넣을 때 차이가 발생한다

textContent는 태그를 문자열로 인식하고 innerHTML은 태그를 HTML 태그로 인식한다

📗속성 조작하기

img.setAttribute() 메소드는 두개의 매개변수를 가지고

첫번째는 속성이름, 두번째는 값을 넣는다

img.getAttribute() 메소드는 한개의 매개변수를 가지고 속성이름을 넣으면 값이 리턴된다

src 속성처럼 표준에 존재하는 속성을 지정할 때는 바로 속성을 지정하여도 된다

표준에 없는 속성을 왜 조작할까?

img 태그에 추가적인 정보를 전달하고 싶을때 일시적으로 사용자 정의 속성을 사용한다

📘스타일 조작하기

여러개의 태그를 조작할때는 보통 변수명에 s를 붙여준다

앞서 말했듯 forof 반복문으로 해도되지만 forEach 반복문을 사용해도 된다

forEach에서 key는 인덱스를 의미한다

간단한 그라데이션을 주기위해 key를 사용해도 된다

높이를 넣을 때 10이 아닌 '10px'로 꼭 단위를 입력하는게 좋다