Javascript 追加到div时，Appendchild始终为null_Javascript_Html

Javascript 追加到div时，Appendchild始终为null

javascript html

Javascript 追加到div时，Appendchild始终为null,javascript,html,Javascript,Html,我的网站有问题我正在尝试将microsoft bing地图添加到我的div中，如下所示： <body onload="getPosition();"> <div id="panel"> <div id="header"> Some text here </div> <div id="map" style="display:blo

我的网站有问题

我正在尝试将microsoft bing地图添加到我的div中，如下所示：

<body onload="getPosition();">
    <div id="panel">
            <div id="header">
                Some text here 
            </div>
            <div id="map" style="display:block; position:relative;"> 
            </div>
            <input type="button" name="loadForm">Load Form</input>
    </div>

function getPosition() 
{
    var map;
    //get the map
    map = new Microsoft.Maps.Map(document.getElementById('map'), {credentials: bing_api, mapTypeId: Microsoft.Maps.MapTypeId.road, zoom: 1});
    if (navigator.geolocation)
    {
         //zoom into current location
         getCurrentLocation();
    }
    else
    {
        alert("Geolocation not supported");
    }
}

但是，我的映射从未加载，调试器告诉我错误

无法调用null的“appendChild”方法。看起来抛出错误的代码来自Microsoft
我的问题是，我做错什么了吗？我的印象是，在body标记中执行onload
事件将确保在加载body的所有元素之前不会创建标记（看起来情况并非如此）。谢谢
 您是从Web服务器还是本地文件系统提供页面服务？我当前是从文件系统提供页面服务尝试将其放在本地IIS实例或apache服务器上。我认为这就是问题所在。我建议您仔细检查文档.getElementById（'map'）
是否返回null
（例如，记录它）。否则，您需要通过调试跟踪错误。我很确定这不是本地主机的问题。我不是100%确定这一点，但是否有可能在主体已加载时，其中的元素还不能用于脚本编写？如果是这样的话，您可以使用类似