DOM

Visual Studio code dom 활용한 예제 - 2

1. 이미지 파일 수정 dom을 이용해서 이미지파일도 수정가능하다. 이미지 교체 이미지를 첨부하고 버튼을 추가해서 누르면 changeImg() 메소드가 실행된다. const changeImg = () => { const img = document.getElementById('img1'); console.log(img1); // 이미지 경로값 console.log(img.src); // src 값을 변경하여 출력되는 이미지 변경하기 img.src = '../images/카카오프렌즈_라이언.png'; }; dom을 이용해서 객체에 저장한 후 속성을 변경해서 이미지를 수정가능하다. ../ 와 ./ 의 절대경로 상대경로를 유의하는 것이 좋겠다. 2. 요소의 css 속성 제어하기 스타일 변경 h2 속성의 글에 o..