javascript - 如何附加到div id

标签 javascript html

我知道这是一个简单而愚蠢的问题,但我如何将纬度和经度附加到 div id 中而不是让我保持警惕。我可以做这样的事情吗!!

document.getElementById("此处").innerHTML = ("lat: +lat+"lng: "+ lng)

<!DOCTYPE>
<html>
<meta name="viewport" content="width=device-width,
initial-scale=1, maximum-scale=1,user-scalable=no">
<head>


    <script>
        function geolocation(){  
<!--checks if geolocation is available -->
var options = { enableHighAccuracy: true};
watchId = navigator.geolocation.watchPosition(onSuccess, onError, options);
        <!-- function run if gets the geolocation back -->
function onSuccess(position){
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;


    alert("lat: " + lat + "lng: " + lng);

    }
    <!-- this function run if there is any error in geolocation -->
function onError(error){
    alert("message: " + error.message);

                }
        }
        geolocation();

    </script>

</head>
<body>


    <div id="here"></div>



</body>

最佳答案

您可以尝试这样的操作:编辑:更新 HTML

<div id="location"></div>

    <script>

        $( document ).ready(function() {
            geolocation();
        }

        function geolocation(){  
            <!--checks if geolocation is available -->
            var options = { enableHighAccuracy: true};
            watchId = navigator.geolocation.watchPosition(onSuccess, onError, options);
                <!-- function run if gets the geolocation back -->
            function onSuccess(position){
                var lat = position.coords.latitude;
                var lng = position.coords.longitude;

                //alert("lat: " + lat + "lng: " + lng);
                document.getElementById("location").innerHTML = "lat: " + lat + "lng: " + lng;
            }

            <!-- this function run if there is any error in geolocation -->
                function onError(error){
                alert("message: " + error.message);
            }
        }

    </script>

关于javascript - 如何附加到div id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23328900/

相关文章:

javascript - 为什么链接 offsetLeft 考虑列表填充?

javascript - 如果单击按钮,如何清除我的输入,同时如果输入为空,如何使按钮不可单击?

html - 显示和隐藏订单列表

jquery - 单击链接更改图像

javascript - 为什么 var o = {"a": "b"}; executes and does what I expect, 而 eval ('{"a": "b"}') fails?

javascript - 使用 DIV 类/ID 上的可见性的一个文件站点设计

javascript - 调用函数时在我的JS代码中未捕获到SyntaxError

html - 复制营养标签——CSS专家级

多次调用时 Javascript 函数不起作用

javascript - 从移动屏幕停止切换 div?