메뉴 건너뛰기

조회 수 67 댓글 1

예제 8-2의 코드를 실행후, 스타일변경을 클릭시 "문장입니다"가 왜 "이것은"의 오른쪽에 출력되지않고 

"이것은"의 아래쪽에 출력되는건가요?

?
  • ?
    관리자 2019.08.15 00:10
    원래 <span> 태그로는 인라인 태그이므로 display 속성이 자동으로 inline 입니다.
    그래서 <span> 태그로 출력되는 것은 항상 다른 요소들과 나란히 출력되지요.
    그런데 change() 함수에서 다음과 같이 <span> 태그의 DOM 객체 span의 display 속성을 "block" 으로 바꾸었습니다.
    그러므로 이 이후부터 블록 박스가 되고, 블록 박스의 특성상 높이와 너비의 조절이 가능하며 독립된 한 줄의 공간을 차지합니다.
    span.style.display = "block"; // 블록 박스로 변경

    그래서 아래에 독립적으로 한 줄로 출력됩니다.
    display 스타일 속성에 관해서는 5장 초반부를 살펴보세요

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18283
383 13-7 예제 1 궁금이 2020.06.14 146
382 13장 실습문제 5번 질문입니다. 3 웹린 2022.12.04 111
381 14장 소스코드 제공에 대해 질문합니다. 1 질문자 2021.05.25 176
380 14장 예제 사라진 건가요 1 ... 2021.03.09 4078
379 168p 예제4-8 질문 2 file 그냥초보 2020.05.01 80
378 185쪽 질문있습니다.. 3 file ㅇㅇ 2020.04.30 62
377 1장 1 ㅇㄹㅇㄹ 2019.06.07 232
376 1장 10번 문제 답 문의 MIKAEL 2022.12.07 71
375 1장 test1, 2, 3 파일 2 열공중 2020.03.07 542
374 1장 그림1-14 2 file 000 2020.04.14 119
373 2-21 예제 3 file Iwanteating 2021.03.25 157
372 2-26 오디오 삽입 모바일 문의 2 한수연 2017.12.12 101
371 207p 4장 실습문제 3번 질문 1 file 웹개발초보 2019.10.19 276
370 264p 문의 1 . 2020.10.15 65
369 282p. 예제 6-14 출력 문의 드려요 1 file . 2020.10.15 82
368 2장 실습문제 1번 질문드립니다! 1 망나뇽 2022.03.06 169
367 2장 예제 2-11과 관련하여 질문 드립니다. 1 조근석 2017.04.30 398
366 2장 예제 2-24에 관한 질문입니다. 1 최원석 2018.01.29 191
365 2장 오디오 실습문제에 대해서 질문이있습니다 1 ㅇㅇㅇ 2019.09.19 213
364 2장 오픈 챌린지 웹페이지 음악연주 질문있습니다. 1 초보자 2020.03.29 195
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로