refとDOMの違い

Question

疑問点

<div id="hoge"></div>

とあるプロジェクトにてこのようにid指定すると「refで指定してくれ」とお願いされました。
refで指定すると何が違うのか不明でしたので、調べたところ以外と情報が少なく
「refで指定する = DOM操作ではない」
ということしか分からずにこまっております。

ref指定するとDOM操作ではなく、何を操作するのか記載していただければ助かります。
よろしくお願いいたします。

Comments

[maisumakun]

refは通常のHTMLには存在しない機能ですが、JavaScriptフレームワークとしてなにか使われているのでしょうか。

[kazoogon]

回答ありがとうございます。　その通りです、riot.jsでthis.refsとして値を取っています

Answer 1

Riotのrefについては公式サイトの説明を御覧ください。

一般に、仮想DOM系フレームワークを使っていてエレメントへのアクセスが必要な場合、フレームワーク内の仕組みを使ってください。エレメントが動的に生成/消滅するので、ふつうのDOMで追いかけようとすると、正しくないものを掴んでしまう危険があります。

Comments

[maisumakun]

refでDOMのエレメントを取得した場合、あとは通常のDOMとして操作できます（めちゃくちゃに変更すると、Riot内の状態と矛盾してしまうので限度はありますが）。

refの指す対象が別のRiotタグだった場合は、メソッドなどを呼んでの操作が可能です。