Javascript28 (Javascript) Elements, Tags Elements DOM(document)내에서는 정의된 Tag의 내용 document.getElementById(’name’) —> name을 id선택자로 설정된 element를 가져온다. Tag와 element의 차이는 Tag는 태그의 이름 그 자체이고, Element는 객체다. HTML 파일에서 Tag(여는 태그와 닫는 태그 및 자식들 까지 모두 포함)에 사용된 내용들을 모두 포함한 것이 Element이다. Tags HTML에서의 요소들의 이름을 뜻 , solo parent child1 child2 child3 console.log(document.body.children); console.log(document.body.childNodes); console.log(document.getElement.. 2023. 1. 16. (Javascript) querySelector querySelector JS에서 HTML 요소(엘리먼트)들을 가져올 때 사용한다 CSS 선택자들(ID, Class, HTML Tag 등등)로 찾아서 해당하는 요소(엘리먼트)를 반환해준다. querySelector() : CSS선택자로 해당하는 첫 번째 HTML요소를 1개 반환해준다. 중복된 class선택자로 querySelector를 사용할 겨우 제일 최상단에 하나만 선택하여 반환한다 특정 name, id, class를 제한하지 않고 css선택자를 사용하여 요소를 찾는다. 만일 같은 class 선택자라면 스크립트의 최상단 요소만 로직에 포함하여 가져 온다. querySelectorAll() : CSS 선택자에 해당하는 요소들 전부를 가져와서 반환해준다 querySelector와 사용방법은 동일하며 선택.. 2023. 1. 16. (Javascript) DOM method DOM : Document Object Model 문서 객체 모델, 웹페이지(HTML 및 XML문서)의 콘텐츠 및 구조, 스타일요소를 구조화시켜 표현하여 프로그래밍 언어가 해당 문서에 접근하여 읽고 조작할 수 있도록 API를 제공하는 일종의 인터페이스 JS 같은 스크립트 언어가 쉽게 웹페이지에 접근하여 조작할 수 있게끔 연결시켜주는 역할 console.log(window.location); console.log(location); console.log(window.navigator); console.log(window.navigator.userAgent); console.log(document.head); console.log(document); console.dir(document); const roo.. 2023. 1. 15. (Javascript) 반복문 for반복문 for문은 반복문의 명령어 중 하나 for () 괄호 안에 반복을 시작하는 초기 변수, 반복 조건, 반복마다 달려지는 반복변수의 증감식 {} 안에는 반복할 때마다 실행할 코드를 작성 for (let i = 0; i < 10; ++i) { console.log(`i = ${i}`); } let j = 0; for (; j < 10; ) { console.log(`j = ${j}`); ++j; } let w = 0; while (w < 10) { console.log(`w = ${w}`); ++w; } for (let a = 0, b = 1; a < 10 && b < 5; ++a, --b) { // && 는 '그리고' 다. 두 조건이 한번에 만족해야 한다. console.log(`a = ${a}.. 2023. 1. 13. 이전 1 2 3 4 5 6 7 다음
