赤い狐さんに見せてもらった。白昼夢

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>