candro,
да это легко вообще сделать. Например
<html>
<head>
<meta charset="windows-1251">
<style>
.block1{background: red}
.block2{background: green}
</style>
</head>
<body>
<div id="wrap">
<div class="block1">block1</div>
<div class="block2">block2</div>
</div>
<button id="but">push</button>
<script>
but=document.querySelector("#but")
wrap=document.querySelector("#wrap")
but.onclick=function(){
var re=/<div.*block1.*\/div>/,
block=wrap.innerHTML,
block=block.replace(re, "<div class='block2'>block2</div>")
wrap.innerHTML=block
}
</script>
</body>
</html>
Может я чо не так понял?