<h1>
Первый заголовок
</h1>
<h1>
Второй заголовок
</h1>
<h1>
Третий заголовок
</h1>
<script type="text/javascript">
function rasta(element) {
var result = "";
for (var i = 0; i < element.innerHTML.length; i++) {
result += "<span style='color: rgb(" + ~~(Math.random() * 255) + ", " + ~~(Math.random() * 255) + ", " + ~~(Math.random() * 255) + ")'>" + element.innerHTML.charAt(i) + "</span>"
}
element.innerHTML = result;
}
var nodes = document.getElementsByTagName("H1");
for (var i = 0; i < nodes.length; i++)
rasta(nodes[i]);
</script>