<html>
<head>
</head>
<body>
<div id="a">
<span>Я</span>
<span>люблю</span>
<span>печеньки</span>
</div>
<div id="b"></div>
<button id="c">push</button>
<script>
$=document.querySelector.bind(document)
$("#c").onclick=function(){
$("#b").innerHTML=$("#a").innerHTML
.replace(/[\r\n]*/g, "")
.replace(/<\/span>(?!$)/g, "\n")
.replace(/<[^>]*>/g, "")
alert($("#b").outerHTML)
}
</script>
</body>
</html>