ココログ+firefox試験

 要素アクセスが動いたり動かなかったりする

古いドキュメントアクセス記述が動いたり、動かなかったりします。

次の記述

<div id=A><p>AAA</p></div>
<p><input type=button value="hide" onClick="A.style.display='none'">&emsp;
   <input type=button value="disp" onClick="A.style.display='block'"></p>

で次の画面が得られます。

---

AAA

 

---

この画面は[hide]ボタンを押すとAAA行が消えるということを意図していますが、 ココログの記事上にこの記述を置いたものはfirefox3.6.6では動作しません。
firefox以外IE,Safari,GoogleChrome,Operaでは動きます。
理由はまだ分からないのですがfirefoxでもココログとは異なる単純なHTMLのBODY部 に置くと動きます。

もちろん、この簡素な記述 "A.style.display" は古いやり方で、現在は じゅげむじゅげむ記述 "document.getElementById('A').style.display"を 行うのが標準ではあるのですが、firefox以外では確実に動作しますし、 なにより、「動いたり動かなかったり」というのは「確実に動かない」より 困ります。

一応、firefoxでも動くものも載せておきます。

<div id=B><p>BBB</p></div>
<p><input type=button value="hide" 
    onClick="document.getElementById('B').style.display='none'">&emsp;
   <input type=button value="disp" 
    onClick="document.getElementById('B').style.display='block'"></p>

次の画面がでます。

---

BBB

 

---

 コメントが変になる

firefoxは ココログの中に書いたコメント記述の取り扱いが 変則的になり、次の記述

<!--
<center><p class=c>
--- 以上 : <a class=A1 href="#navi_bar">先頭へ</a> ---
</p></center>
-->

で

先頭へ --- -->

と出てしまいます。
この後ろに<hr>で挟んで実際の記述を置きます。firefox以外では単なる空行が出てい るずです。

---

---

ただし、ココログ以外のHTMLボディーに書いた場合、この現象は見られません。 現在ココログの何がfirefoxを狂わせるのかはわかっていません。