zoaseo 2022. 4. 26. 10:52

javascript 출력
1.경고창에 출력 alert('내용');
2.콘솔창에 출력 console.log('내용');
3.html body에 출력 document.write('내용');
4.DOM요소 안에 출력 innerHTML = '내용';

DOM요소 선택
1.단수선택
document.getElementById('id이름');
document.querySelector('css선택자');
2.복수선택
document.getElementsByClassName('class이름'); - html컬렉션
document.getElementsByClassName('class이름')[0];
document.getElementsByTagName('tag이름'); - html컬렉션
document.querySelectorAll('css선택자'); - 노드리스트

innerHTML
1.값을 반환 innerHTML;
2.값을 변경 innerHTML = '변경내용';

src <img src="images/img.jpg" alt="이미지">
1.src값을 반환 src;
2.src값을 변경 src = '변경내용';

onclick 클릭이벤트