[Aetae]

а как же атрибуты, обработчики событий ?

В том то и фишка.

<style>
p{text-align:center;height:25px;margin:0;border:1px solid #000}
</style>
<div id="hover">
<p><input type="button" value="recolor"></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
<script>
var input = document.getElementsByTagName('input')[0];
document.getElementById('hover').onmouseover = function(e){
  var t=e?e.target:window.event.srcElement;
  if(t.tagName=='P'&&!t.firstChild)t.appendChild(input);
}
input.onclick = function(){this.parentNode.style.backgroundColor = 'rgb('+Math.floor(Math.random()*256)+',0,0)'}
</script>

Т.е. можнро навешивать обработчики без привязки к конкретному элементу. Хотя это и черевато.)