そういえば、昨日投稿した記事に貼ったサンプルのコード、ノードをインスタンスとして作っていて、持つべきデータを内部に保持することにしてHTML上には記述しないようにした。前なら「data-○○」属性をあれこれくっつけていたけど、そういうふうに外から見える形じゃなくした。HTMLではかなりスッキリした状態になっている。
フォロー
各ノードのIDもli要素内には表示していない。それぞれ全部IDがあるけど、HTMLを確認しても出てこない状態。別に隠したかったわけではないけど、表示しておかなくていいやと。
世の中のツールのHTMLをデベロッパーツールで見た時に、これ各々をどう区別して扱っているんだろうと思うことが偶にあったけど、Custom Elementsでやればスクリプト上では普通に区別されるわけだ。
