목록하이퍼링크 (1)

넘치게 채우기

페이지 내에서 소제목들을 기준으로 하이퍼링크 기능 만들기(fragment, javascript)

블로그 스킨 작업을 하는 도중, 우측 사이드바가 허해서 무슨 기능을 쓸지 고민하다가, 페이지 내에서 fragment를 이용해서 하이퍼링크를 생성하도록 하였다. 페이지의 소제목들에게 id 부여 anchor 태그의 href에 #{fragment}를 해야 하는데, 요소의 id가 필요하다. 그러나, 매번 글을 작성 할 때마다 id를 일일히 부여하기에는 번거롭고, 기존의 글들까지도 그렇게 해야한다. 그래서, 페이지를 로딩하였을 때, id가 부여되도록 하였다. 게시글의 본문에서 h2, h3, h4태그를 불러오도록 하였다. 그리고 각각의 id를 각각의 텍스트로 하게 하였다. const header = document.getElementsByClassName('article-desc')[0].querySelectorA..
개발/Frontend 2024. 1. 12. 17:42
이전 Prev 1 Next 다음