[Codding Apple, js] JAVASCRIPT

자바스크립트의 기본 

단어들을 해석해보자 !

<h1 id="hi">반갑습니다</h1>

<script>
  document.getElementById('hi').innerHTML = '안녕하세요';
</script>

 

<script> 부분에 단어들을 해석해보면

document → 문서를 의미함. 여기서는 html 웹문서 의미

마침표 (.) → ~의

getElementById('hi') → 아이디가 ‘hi’인 html 요소 일면(element) 를 찾아라

innerHTML → 내부 HTML이라는 뜻

= → 등호는 프로그래밍에서 오른쪽에 있는걸 왼쪽에 대입하라는 뜻

‘안녕’ →안녕이라는 문자(큰따옴표, 작은따옴표안에 담겨있으면 항상 문)

 

 

html 바꾸는법

document.getElementById('???').??? = '???';

여기 물음표만 맘대로 바꿔주면 html의 모든걸 변경하고 조작가능

 

 

src 바꾸는법

document.getElementById('???').src = 'profile.jpg';

 

이러면 원하는 요소에 src="profile.jpg"를 추가할 수 있음

 

 

스타일 바꾸는법

document.getElementById('???').style.color = 'red';

이러면 원하는 요소에 style="color : red"를 추가할 수 있음

 

---

참고사항

**.getElementById()**는 셀렉터라고 부름 ->  html요소를 찾기 위해 사용

.innerHTML/ .style / .color 이렇게 점찍는데 괄호없는건 -> 메소드(또는 함수) 라고 부름

html 요소의 어떤 속성을 변경할지 결정하기 위해 사용

 

프로그래밍을 하기위해서는 사람에게 말하는 대화방식으로 하면안되고

컴퓨터에게 자세하고 세세히 정말 정확히 설명해줘야함.

---