Button "сжирает" следующий за ним элемент, оборачивая его собой.
<html>
<head>
<title> test </title>
</head>
<body >
<div id="main">
<button onclick="uncomment()" />
<!--<div>bar</div> -->
</div>
<script>
container=document.querySelector("#main")
text=container.innerHTML
uncomment=function(){
var re= /(<\!?--)|(-->)/g
container.innerHTML=text.replace(re, "")
}
</script>
</body>
</html>
Но если написать вот так: <button onclick="uncomment()"></button> всеработает как ожидается. Это нормально?
UPD Я понял, button нельзя так писать, закрывающий тег обязательный, да? Решено, короче. Извиняюсь.