Js实现几串字符中的字依次出现的问题

Question

我已经实现了“我们是如何做梦”这段文字，字符的依次出现，但是不知道怎么将js中的两个对象内容循环替换成name2 book2……以此类推。

Answer 1

 <h2 id="book1"></h2>
<h2 id="book2"></h2>
<h2 id="book3"></h2>
<h2 id="book4"></h2>
<h2 id="book5"></h2>
<div id="name1" style="display:none">我们是如何做梦的</div>
<div id="name2" style="display:none">不平等，我们能做什么</div>
<div id="name3" style="display:none">放飞梦想</div>
<div id="name4" style="display:none">诚信做人</div>
<div id="name5" style="display:none">字符的依次出现，但是不知道怎么将js中</div>
<script>
    var index = 0, elIndex = 1;
    var word = document.getElementById('name'+elIndex).innerHTML;
    function type() {
        document.getElementById('book' + elIndex).innerHTML = word.substring(0, index++);
        if (index > word.length) {
            elIndex++;
            if (elIndex > 5) { clearInterval(timer); alert('完毕！'); return }
            word = document.getElementById('name' + elIndex).innerHTML;
            index = 0;
        }
    }
    var timer=setInterval(type,400)
</script>