Javascript insideHTML 转换为表单文本值

Question

我有一个带有innerhtml函数的javascript代码，就像这样

<script>
var x = document.getElementById("gps");

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;
}
</script>

我想将上面的 javascript 代码的输出输入到输入文本表单值中

<input type="text" id="gps" name="gps" value="">

但是我无法获得我想要的结果，是否需要添加或更改代码？

Answer 1

您需要调用您的函数。

假设您的<script> block 位于页面底部，在 <input> 之后已渲染，这应该可以工作:

<script>
var x = document.getElementById("gps");

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();
</script>