在页面加载时在输入字段中加载innerHTML数据

Question

我正在尝试自动填充input field中的数据，如<div id="demo"></div>所示。我该怎么做？

我试过了，但不起作用：

<input id="demo" type="text" />

演示：https://jsfiddle.net/z6m3824c/

HTML

<div id="demo"></div>

JS:

var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="" + position.coords.latitude + 
", " + position.coords.longitude;  
}
getLocation()

Answer 1

输入字段有值。试试这个：

<input id="demo" type="text" onLoad="" />
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.value="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.value="" + position.coords.latitude + 
", " + position.coords.longitude; 
}
getLocation()