예제 8-2의 코드를 실행후, 스타일변경을 클릭시 "문장입니다"가 왜 "이것은"의 오른쪽에 출력되지않고
"이것은"의 아래쪽에 출력되는건가요?
예제 8-2의 코드를 실행후, 스타일변경을 클릭시 "문장입니다"가 왜 "이것은"의 오른쪽에 출력되지않고
"이것은"의 아래쪽에 출력되는건가요?
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. | 관리자 | 2017.06.20 | 18281 |
283 | 실습문제 7장에 8번 질문 1 | abcd | 2017.05.09 | 994 |
282 | 실습문제 7장 5번 1 | 유등등 | 2020.12.17 | 711 |
281 | 실습문제 7장 2번의 입력된 반대순으로 출력이 넘 힘듭니다 도움좀 주세요 제발 ㅠㅠ | 도널드임 | 2019.05.27 | 1130 |
280 | 실습문제 7장 2번 질문있습니다 1 | jobjob | 2017.04.04 | 1458 |
279 | 실습문제 6장 6-(1) 어떻게 하는 건가요? 1 | 초보자 | 2020.12.23 | 215 |
278 | 실습문제 6장 5번 | littlelion | 2018.06.20 | 780 |
277 | 실습문제 6장 3번-2 1 | 어려워 | 2019.11.15 | 200 |
276 | 실습문제 5장 9번 1 | 아 | 2020.10.08 | 212 |
275 | 실습문제 5장 8번 1 | rrr | 2018.04.18 | 412 |
274 | 실습문제 5장 3번 254p 1 | RVQ | 2018.05.10 | 332 |
273 | 실습문제 4장의 8번 2 | ㅁㄴㅇㄹ | 2018.12.14 | 334 |
272 | 실습문제 4장 8번 1 | 오 | 2020.09.27 | 502 |
271 | 실습문제 3장 2번, 4장 8번 질문 다시 올려요. | littlelion | 2018.04.20 | 1587 |
270 | 실습문제 11장 4번 1 | ㅎㅇ | 2018.12.02 | 471 |
269 | 실습문제 1 | 키보드 향기 | 2020.06.07 | 120 |
268 | 실습 문제 4장 4번 문제에 대해서 질문드립니다. 1 | ㅇㅇ | 2020.10.11 | 122 |
267 | 실습 8장 8번 문제 질문이요! 1 | 꽁 | 2020.11.03 | 247 |
266 | 스타일 시트 객체 2 | 한성이 | 2022.08.09 | 32 |
265 | 스크립트에서 document.write로 표 만들기 질문드립니다. 1 | 입문한 사람 | 2020.06.08 | 1113 |
264 | 선생님 정말 고맙습니다 재질문도 드리고 싶습니다 | 입문한 사람 | 2020.04.07 | 137 |
그래서 <span> 태그로 출력되는 것은 항상 다른 요소들과 나란히 출력되지요.
그런데 change() 함수에서 다음과 같이 <span> 태그의 DOM 객체 span의 display 속성을 "block" 으로 바꾸었습니다.
그러므로 이 이후부터 블록 박스가 되고, 블록 박스의 특성상 높이와 너비의 조절이 가능하며 독립된 한 줄의 공간을 차지합니다.
span.style.display = "block"; // 블록 박스로 변경
그래서 아래에 독립적으로 한 줄로 출력됩니다.
display 스타일 속성에 관해서는 5장 초반부를 살펴보세요