在页面加载时在输入字段中加载 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()