document.body.appendChild(div);

という部分ですが、詳解JavaScript DOM編の#14のように　

document.querySelector('body').appendChild(div);

とならないのはなぜでしょうか？よろしくお願いします。