ajax成功函数中getelementbyid为null

另一个ajax函数返回使用getElementById是没有问题的，这个函数会报错TypeError: document.getElementById(...) is null
查询了网上的方法把js代码放到body模块之后还是不可以，想请问这是怎么一回事呢？
div代码只放了一部份，jquery代码放完了，查看控制台-网络是可以看到index.php返回的数据的但是无法赋值。
<div class = "container">
<div class="news" id="news1" style = 'margin-left:25px'>
<div class="content" id="content01" > </div>
<div class="more" id="more1" > </div>

$(function(){
$.ajax({
type: "get", //传递方法
url: "index.php",//数据接口
async: false,
datatype: "json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success: function(msg)//如果接收成功执行以下
{
result=eval("("+msg+")");
console.log(result[0]);
document.getElementById("content01").innerHTML = result[0]+"<br/>";
document.getElementById("content02").innerHTML = result[1]+"<br/>";
document.getElementById("content03").innerHTML = result[2]+"<br/>";
document.getElementById("content04").innerHTML = result[3]+"<br/>";
document.getElementById("content05").innerHTML = result[4]+"<br/>";
},
error:function(XMLHttpRequest, textStatus, errorThrown)//如果接收不成功执行以下
{
alert(textStatus);
}
});
});