Доброго дня, уважаемые форумчане!
Сегодня заметил один странный баг, именно в IE8.
Решил прогуляться по всем соседним нодам с помощью nextSibling. После получения html всех узлов, по которым прошелся увидел странную вещь: IE8 добавляет "огрызки" от родительских нод. Вот что получилось:
<FORM id=site-search data-url="/en-US/search">
<P onclick="var t = this; while(t = t.nextSibling) alert(t); return false"><INPUT name=q id=q role=search type=text placeholder="Search MDN"> <NOSCRIPT></NOSCRIPT></P><INPUT name=sitesearch type=hidden value=developer.mozilla.org>
<DIV id=site-search-gg></DIV></FORM><A id=tabzilla href="http://www.mozilla.org/">mozilla</A>
*!*
<DIV></DIV></HEADER>
*/!*
<!-- top toolbar --><SECTION id=nav-toolbar>
<DIV>
<DIV class=wrap><!-- right floated navigation --><NAV id=tool-menus role=navigation>
<UL id=tools>
<LI class=menu><A class=toggle href="#page-tools">This page</A>
<UL class=sub-menu id=page-tools>
<LI class=page-print><A title="Print page" onclick="return window.print();" href="#">Print this page</A> </LI>
<LI><A href="/en-US/docs/new?parent=41044">New sub-page</A> </LI>
<LI><A href="/en-US/docs/new?clone=41044">Clone this page</A> </LI></UL></LI>
<LI class=menu><A class=toggle href="#">Languages</A>
<UL id=translations>
<LI><A href="/en-US/docs/DOM/treeWalker.filter$locales">Add translation</A> </LI></UL></LI></UL></NAV><!-- left crumb navigation --><NAV class=crumbs role=navigation>
<OL>
<LI class=crumb><A href="/en-US/docs/DOM">Document Object Model (DOM)</A> </LI>
<LI class=crumb>treeWalker.filter</LI></OL></NAV></DIV></DIV></SECTION>
<DIV>***</DIV><SECTION id=content>
Не подскажете, как обойти данный баг?
Вторая проблема заключается в том, что HTML5 некоторые теги не закрываются, как например последний.