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

Posted 2023-02-23

【中文标题】在页面加载时在输入字段中加载 innerHTML 数据

【英文标题】：Load innerHTML data in input field on page load

【发布时间】：2020-04-26 10:49:16

【问题描述】：

我正在尝试自动填充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);

elsex.innerHTML="Geolocation is not supported by this browser.";

function showPosition(position)

x.innerHTML="" + position.coords.latitude + 
", " + position.coords.longitude;  

getLocation()

【参考方案1】：

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

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

【讨论】：

这不起作用。仅当我将 id 放入 DIV 而不是 INPUT 时，它才有效。

完美。非常感谢:)