자바스크립트

html 내부에서 조작과 변경을 하는 언어

 

셀렉터 

 

document.getElementById('id').속성 = '속성값'

 

id 값을 바탕으로 요소를 선택해서 속성값을 대입한다

 

<h1 id="hello">안녕하세요</h1>
<h1 id="hi">JS 초보에요</h1>

 

이런 태그가 있다

 

 

이런 식으로 적혀있는대로 출력되지만

 

<h1 id="hello">안녕하세요</h1>
<h1 id="hi">JS 초보에요</h1>
<script>
    document.getElementById('hello').innerHTML = '안녕';
    document.getElementById('hello').style.fontSize = '16px';
    document.getElementById('hi').innerHTML = 'JS 고수에요';
</script>

 

스크립트를 활용해 스타일과 그 안에 있는 내용을 변경할 수 있다

 

id 말고도 선택지는 많다

---