赤い狐さんに見せてもらった。白昼夢
FireFox には、htmlのソースを確認したり、バリデーションをしたりするツールがある。
いつの間にか?付いている 右クリックで選択範囲のhtmlソースを見る機能がある。
いや、便利なので、ソースの修正に使っていた。
for($i;$i<気づいちゃった;$i++){
バリデーションで、引っかかる。
スクリプトのコードを修正する?。
コードを右クリックで、確認する。OK OK
また引っかかる。ページ全体のソースを確認、やっぱりおかしい。なにやってたんだろ。
今度こそ、はい、右クリックでソース確認 oK もーいいだろ。
俺、どっか悪いんだろうか、、、、
}
と、こういう具合になっていて、やっと気づいた。
右クリックで部分的に見たDOMソース
<ol>
<li> <span> <a href="#h2-h2-main-1">記述方法</a> </span> </li>
<li> <span> <a href="#h2-h2-main-2">番号付きリスト(ol)による階層リスト</a> </span> </li>
<li> <span> <a href="#h2-h2-main-3">記述内容</a> </span>
<ol>
<li> <span> <a href="#h3-h3-main-1">番号なしリスト</a> </span>
<ol>
<li> <span> <a href="#h4-h4-main-1">番号なしリスト レベル2</a> </span> </li>
<li> <span> <a href="#h4-h4-main-2">番号なしリスト レベル3</a> </span> </li>
<li> <span> <a href="#h4-h4-main-3">番号なしリスト レベル混合</a> </span> </li>
<li> <span> <a href="#h4-h4-main-4">番号なしリスト レベル混合2</a> </span> </li>
</ol>
</li>
</ol>
</li>
</ol>
普通にソース
<ol>
<li> <span> <a href="#h2-h2-main-1">記述方法</a> </span> </li>
<li> <span> <a href="#h2-h2-main-2">番号付きリスト(ol)による階層リスト</a> </span> </li>
<li> <span> <a href="#h2-h2-main-3">記述内容</a> </span>
<ol>
<li> <span> <a href="#h3-h3-main-1">番号なしリスト</a> </span>
<ol>
<li> <span> <a href="#h4-h4-main-1">番号なしリスト レベル2</a> </span> </li>
<li> <span> <a href="#h4-h4-main-2">番号なしリスト レベル3</a> </span> </li>
<li> <span> <a href="#h4-h4-main-3">番号なしリスト レベル混合</a> </span> </li>
<li> <span> <a href="#h4-h4-main-4">番号なしリスト レベル混合2</a> </span> </li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
</ol>