老师你好，为什么我的代码输出不到html页面呢？

<div id="list">

<div>第一个元素</div>

<div>第二个元素</div>

<div>第三个元素</div>        

</div>

<script type="text/javascript">

var arr = document.getElementById("list").getElementsByTagName("div");

console.log(arr);

console.log(arr.length);

for(var i=0;i<arr.length;i++){

var lis = arr[i];

document.write(lis+"<br/>");

alert(lis);

}