Document Object Model

Вот написал такое:

<style>div {border:1px solid red;margin:10pt}</style>

<div id=main><div id=ee><div>1</div><div>2</div><div>3</div></div></div>

<button onclick="document.all.ee.removeNode(false)">IE</button>
<button onclick="removeOuterNode('ee')">Mozilla</button>
<button onclick="alert(document.getElementById('main').innerHTML)">HTML</button>

<script>
function removeOuterNode(nodeId) {
.var outerNode = document.getElementById(nodeId);
.outerNode.parentNode.replaceChild(nodeList2DocFragment(outerNode.childNodes), outerNode);
}

function nodeList2DocFragment(nList) {
.var newDocFragment = document.createDocumentFragment();
.for (var i in nList) newDocFragment.appendChild(nList.item(i));
.return newDocFragment;
}
</script>

В Mozile [Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.0.0) Gecko/20020530] работает так: пропадает третья нода куда-то. И бордер капут. :((

Не, они стараются, кто спорит. Но я бы на их месте не торопился бы 1.0 выпускать...