포인문으로 엘레먼트의 "속살" 보기 정보
JavaScript 포인문으로 엘레먼트의 "속살" 보기
본문
자바스크립트 포인문으로 엘레먼트의 속살을 보는 방법입니다.
http://www.mediaplayer.kr/main/bbs/html_editor.php
위 에디터의 좌측창에 코드를 붙여넣고 결과보기 클릭하면 오른쪽 창에
엘레먼트의 속성과 데이터값이 아주 적나라하게 보여집니다.
먼저 div 를 한번 볼까요?
div 에 아이디를 하나 주고 그 아이디를 가지고서 포인문으로 추적해 봅니다.
괄호안으로는 데이터까지 추출해 보았습니다.
불린이냐, 스트링(문자형)이냐, 넘버(숫자형)이냐, 등등 이런 것이 괄호 안으로 들어갑니다.
-----
<div id=my></div>
<br>
<script>
n = 0;
for (i in my) {
n++;
document.write(n + ". " + i + " : " + my[i] + " (" + typeof my[i] + ")<br>");
}
</script>
-----
와우 무려 303개의 기본속성이 div 안에 들어가 있네요.
span 으로 바꾸어 볼까요? 코드의 가장 첫 줄만 아래처럼 바꿔보세요.
<span id=my></span>
img 나 input 같이 태그에 마감이 필요없는 것은 마감을 빼고 살펴보세요.
<span id=my>
<input id=my>
----------
html5 부터는 엘레먼트를 마음대로 만들 수 있습니다.
<wittazzurri id=my></wittazzurri>
그런데 이렇게 임의로 만든 엘레먼트의 속살을 살펴보니...
<span> 태그와 똑같다는 걸 알 수 있습니다.
3
댓글 4개
추천 꾹 눌러드렸어요 :)
그런데 비타주리 님의 독일어식 표기법이 "wittazzurri"였군요!! ㅎㄷㄷ
편안한 저녁 되시고 저녁식사 맛있게 드세요~!
https://terms.naver.com/entry.naver?docId=800831&cid=41978&categoryId=41982
WITTAZZURRI 는 철학자 비트겐슈타인 + 아주리 (이탈리아 축구 국가대표팀) 군단
의 합성어입니다.ㅋ
비트겐슈타인은 제 박사학위 논문이었고 제 인생에 가장 큰 영감을 준 사람이에요.
아주리군단은 어렸을 때부터 광팬이다 보니 흔치 않은 닉이 되었네요.ㅋ
솔직히 비트겐슈타인의 논리철학논고와 같은 저서들은 제가 범접할 수준이 아닌 것 같고
저는 아도르노, 에리히 프롬을 비롯한 프랑크푸르트 학파를 좋아합니다 :)
단순히 취미 수준으로 좋아하는 것뿐이고 철학 박사님 앞에서 감히 논할 수준은 아니에요~!
비트겐슈타인이 축구 경기를 보다가 좋은 아이디어가 떠올랐다는 일화는 알고 있네요 ㅎㅎ
A랑 B랑 C랑 개인적으로 보면 법 없이도 살 사람들인데 셋이 모여 사회를 이루면 불화나 범죄가 발생하는 걸 보거나, 빌빌한 11명으로 구성된 축구팀이 슈퍼스타 11명으로 구성된 축구팀을 이기는 걸 보면 전체라는 것은 개개 속성의 총합만으로는 설명되는 것이 아니구나를 늘 느끼죠. 플러스이건 마이너스이건 알파값이 더 붙는다는 거...
여튼 공부할 때 생각 나게 해 주셔서 감사합니다.ㅋ
