bebeghi3356

자바스크립트 강의 ep_04 | DOM 조작하기 @HTML 요소 조작하기 -콘텐츠 수정하기요소를 찾는 방법을 배웠고, 이 요소로 무엇을 하냐, 콘텐츠를 수정할 수 있습니다.모든 요소에는 textContent 와 innerHTML 프로퍼티가 있습니다. 이 프로퍼티를 통해 요소의 콘텐츠를 가져오거나 수정할 수 있다.1. textContent : HTML 태그를 모두 제거하고 순수한 텍스트 데이터만 제공합니다.2. innerHTML : HTML 태그를 그대로 제공합니다.  -속성 제어하기1. setAttribute : 요소에서 주어진 이름의 속성값을 입력합니다.2. removeAttribute. : 요소에서 주어진 이름의 속성을 제거합니다. 먼저 placeholder라는 속성으로 예를 들어보겠다js코드 속성 ..

ep03내용 html, css emmet문법에 대해서 미리 공부하고 알아가보자https://inpa.tistory.com/entry/HTML-🎨-Emmet-문법-정리  -get 메소드 1. document.getElementById : 모든 html 요소에는 고유한 id할당 받을 수 있다. 이 메소드를 이용하여 요소를 찾을 수 있다  " title.textContent = "수정할 내용"; ">> title이라는 객체에 textContent라는 속성을 수정함 2. document.getElementsByClassName : html 클래스 명으로 요소를 찾을 수 있다  3. document.getElementsByTagName :  html. 태그명으로 요소를 찾을 수 있다.   >> html요소들을 ..

사용환경은 비주얼 스튜디오 코드를 사용ep01~02내용  1.- : 스크립트 태그 안에 javascript 코드 사용- : script 태그안에 src속성에 자바스크립트 파일 경로 삽입 2. console.log 콘솔 화면에 메세지 출력 3. alert브라우저에서 경고창 출력 4. 변수다양한 값을 저장, 다양한 자료형 할당시킴변수는 값을 저장하는 아이라고 생각하면 됨변수를 선언 할 때 let 을 사용하여 선언한다 ex) let str = 'Hello Javascript' ; //문자 할당      let number = 10; //숫자 할당      console.log('문자열: ', str);       console.log('number: ', number); 5. 함수코드를 편하게 재사용하기 ..