メモ:属性の参照

htmlが直に編集されるページから、それをある基準にそって並び替えて表示するjavascriptを考え中。


例えば、

 <div id="targetId" att="attTest">・・・・</div>

というdivタグがあるとして、

 var target = document.getElementById("targetId");
 alert(target.attributes.att.value);

または

 alert(target.getAttribute("att"));

とやると、「attTest」がアラート表示される。
参考→とほほさんのドキュメントオブジェクトモデル(http://www.tohoho-web.com/js/dom.htm)
DOMってこういうものなのか。と今更ながら分かってきた(遅い)。
FireFox拡張機能FireBugのInspectorを眺めてて気づいた次第。


ちなみに、attなんて属性は本当は存在しないので、HTML文法としてはエラー。Another HTML-lintさん(http://openlab.ring.gr.jp/k16/htmllint/htmllint.html)でチェックすると、1つにつき重要度6の減点。


でも、htmlの記事の中から重要度を何かで表したいとき等は、htmlを編集する人にタグの属性でpriority="1"とかやってもらって、それを使って並び替えればうまくいきそう。