Загрузка внутренних HTML данных в поле ввода при загрузке страницы

Question

Я пытаюсь автоматически заполнить данные в input field, что показано в <div id="demo"></div>. Как мне go сделать это?

Я пробовал это, но это не работает:

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

DEMO: 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()