전체 글 (76) 썸네일형 리스트형 [jQuery] box를 toggle 할 때 왜 getElementById는 안될까? 추억 저장하기 사진 제목 - 문제 `추억 저장하기` 버튼을 누르면 postingBox 메뉴가 열리고 닫히는걸 구현하고자 한다. - 오답 function openClose() { document.getElementById('postingBox').toggle(); } //error 이렇게 지정했더니 안먹었다. 왜 그럴까 ? -해결 방법 - getElementById('postingBox') getElementById('postingBox')는 문서에서 ID가 'postingBox'인 요소를 찾아온다. 그 요소를 반환하고, 반환된 요소에 대해서는 순수 JavaScript로 다양한 작업을 수행할 수 있다 function openClose() { let postingBox = document.getElement.. [foreach 함수] 기초 문제 1 자바스크립트 문법 연습 1. 함수 결과 확인하기! 2. 붙이기 영수는 24살입니다. 세종은 30살입니다. 수영은 20살입니다. - 문제 기존에 있던 id = "q2"의 text들을 지우고 people 객체를 foreach 함수를 사용해 q2에 `서영의 키는 165cm 입니다.`이런 문장을 띄워보자. - 오답 과정 및 해결 방법 1. empty 대신에 remove를 써봤더니 html을 append해도 화면에 나오지 않았다. remove() 말고, 다시 text 자리를 위해 empty() 로 쓰기. $('#q2').empty(); 2. name과 height을 따로 변수로 빼주는데 앞에 people로 썼다가 error. a는 element를 a로 줄여서 썼고 people의 index들 하나하나가 돌아가면서 .. [display] display의 종류 display: block; - 새로운 라인에서 시작 : display: block; 을 사용하면 해당 요소는 항상 새로운 라인에서 시작한다. 이는 다른 블록 레벨 요소들과 수직으로 정렬되어 있다는 것을 의미한다. - 전체 가로 폭 차지 : 블록 레벨 요소는 가능한 모든 가로 폭을 차지합니다. 부모 요소의 가로 폭 전체를 차지하게 되며, 너비를 지정하지 않으면 화면 전체를 차지한다. - 수직으로 쌓임 : 블록 레벨 요소는 수직으로 쌓이기 때문에, 다른 블록 레벨 요소와 수직으로 정렬된다. - 레이아웃을 쉽게 구성 : section 나누기, layout 구성 등에서 주로 활용된다. 콘텐츠 영역, 패딩, 테두리, 여백 등으로 구성된다. ex. `` 요소는 기본적으로 `display: block;`이 적용된 .. 이전 1 ··· 18 19 20 21 22 23 24 ··· 26 다음
