【Vanilla JS】アンカーリンク付きの目次を動的に生成する

[ ID : 11674 ]
シルバー
【Vanilla JS】アンカーリンク付きの目次を動的に生成する
実装目安
3分

概要

見出しのテキストを取得して動的にアンカーリンク付きの目次を生成する方法を紹介。

用途・要件

  • 指定した要素のテキストを取得して動的に見出しを生成する。
  • 指定した要素にid属性が連番で付与されるが、すでにidが指定されている場合はそのidは上書きしない。
  • 同一ページの複数設置可能。

検証ブラウザ

  • Google Chrome(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • Safari(最新)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録