프로그래밍 언어/JS

Javascript - 함수와 객체 기초 ( querySelector 등)

nomfang 2021. 3. 22. 11:49
728x90
반응형

** 자바 스크립트도 camel표기법을 사용하는 것 같다

  • 다른 프로그래밍 언어와 마찬가지로 ()로 끝나는 것은 함수 (function, method)
    -> console.log(). alert() 등
  • ()로 끝나지 않으면 속성 값(element)
    -> str.length 등

querySelector('#id'); / getElementById('id');

  • JS에서 Selector 중 id 를 선택하는 문법
  • querySelector 는 최신에 추가된 문법, 두가지 모두 같은 결과를 가져온다
  • qurerySelector('.class'); / getElementByClassName(class);
    -> class를 선택할 때 사용

** 일반 태그 선택시 괄호,따옴표 안에 바로 태그명을 입력하면 된다

el = document.querySelector('#root'); // el 변수에 #root 선택 (C pointer 사용과 유사한듯..)
el.innerHTML = 'Hello World'; // 선택된 el 안에 Hello World 작성
반응형