Noratetsu Lab

動じないために。

DynalistのHTML構造

DynalistのCSSを書き換えたりDynalist上でスクリプトを走らせたりするためにはHTML構造を知っておく必要がある。
Webブラウザのデベロッパーツールで見れば分かる。各ノードは以下のようなHTMLが1単位になっている。(2025年4月現在)

本文
本文
...

アウトラインで簡単に書くとこうなる。

  • Node-outer
    • Node
      • Node-self
        • node-hover
        • node-backlink-counter
        • Node-bullet(title属性に作成日・編集日、href属性にノードのURLあり)
        • Node-checkbox
        • Node-contentContainer(本文)
          • Node-content(編集用)
          • Node-renderedContent(表示用)
        • Node-noteContainer(ノート欄)
          • Node-note(編集用)
          • Node-renderedNote(表示用)
      • Node-children
        • Node-outer...
        • Node-outer...
        • Node-outer...

複数の機能に同じclassが使われていることがあるので、セレクタをどう指定すると自分が狙っている要素をズバッと取得できるかはよく確かめる必要がある。

関連

管理人

アイコン画像

のらてつ Noratetsu

キーワード

このブログを検索

検索

ブログ アーカイブ

2025
2024
2023
2022
2021