2016年4月27日(水)
this.nextSibiling は誤記 #HTML5&CSS3&JavaScript DOM(Document
Object
Model)で、当たり前のように使っていたthis.nextSibilingの表記が、古いIEの方言であることに、プログラミングしていてさっき分かった。
タイトルをクリックすると本文が下に現れる『折り畳み表現』によく使われる。
--古いIE--
<p
onclick="this.nextSibiling.style.display='block';">タイトル</p><p
style="display:none;">本文</p>
--
最近のブラウザ（Microsoft
Edge,
IE11を含む）では、本文にIDを振って、タイトルでそのIDを呼び出さなければいけない。
--最近のブラウザ--
<p
onclick="document.getElementById('body001').style.display='block';">タイトル</p>
<p
style="display:none;"
id="body001">本文</p>
--
古いIEでの記述の方が簡単な場合が多々ある。たまに、その罠にかかって、半日いや一日潰すことも多々ある。
お問い合わせ