heading element에 multi-level 넘버링 하기

아래와 같은 html 이 있을 경우 ‘first h2 in first h1′ 앞에는 1.1 이 아닌 1이라는 번호가 출력되게 됩니다.

하지만 요청에 의해 ‘1. first h2 in first h1′ 이 아닌 ‘1.1. first h2 in first h1′ 식의 출력이 필요하게 되었는데, css의 generated content와 counter는 일부 브라우져에서 밖에 지원하지 않는다는 제약이 있습니다.Internet explorer 때문에 간단한 일을 복잡하게 처리해야한다는 현실이 너무 슬픕니다.

당연히 이를 위한 스크립트가 있을 줄 알았는데, 제 검색 능력 부족인지 검색이 잘 안되네요. 아쉬운 사람이 우물을 판다고 간단한 스크립트를 작성해보았습니다.

Ordered List 안에 있는 h1, h2, h3, h4 에 대해 1, 1.1, 1.1.1, 1.1.1.1 식으로 번호를 메겨주는 역할을 하는 스크립트이며 body의 onload 이벤트에 multilevellist() 함수를 연결해주기만 하면 알아서 작동합니다.

오늘의 삽질 끝!!

덧: 보니까 parentElement가 IE에선 동작하질 않네요. parentNode로 대체 했습니다.

다시 일본으로 놀러온 첫 날~

비행기 도착시간이 늦어서 뭐 별 다른 걸 할 수 없었고, 일본에 계시는 선아씨를 신주쿠에서 만난 뒤 가볍게(?) 한 잔을 걸쳤다. 키킥; 확실히 일본 맥주는 한국 맥주보다 부드러운 것 같다. -_-! 이거이거 먹어도 먹어도 취하지도 않고 …

가볍게 음주를 즐긴 뒤 숙소로 향하는 도중 렌즈 캡을 잃어버렸다. .. …

uv 필터가 있으니 렌즈 캡 대용은 되겠지만… 이거이거 기분이 좀 그렇다 -_-; 52mm 렌즈용 펜탁스 렌즈캡을 하나 따로 구매하던지 해야겠다 -_-! 낼은 어딜가야하려나;;;