[front-end]/javascript

DOM으로 html에 접근 후 변경하는 방법

broship 2021. 1. 27. 23:03

기본은 객체.속성=값

 

ex)

document.getElementById("id명").src="경로명";

이러면 해당 태그의 src 속성이 변경됨

객체를 변수에 저장한 후 변수를 변경해도 됨

 

- css 속성은 "-" 이 기호를 빼고 카멜표기법으로 사용

bodyid.style.backgroundColor="black";

(원래는 background-color: black;)

 

- 문자 넣기

.innerHTML
.outerHTML

inner outter 차이는 해당 아이디가 있는 태그 포함 or 미포함면태그 포함 or 미포함

 

비공식이지만 html이 아닌 문자열 삽입하는 방법

.innerText
.outerText