javascript - JavaScript在两个地方创建元素

我要怎么写才能在两个地方创建元素？

这是我的代码。

我尝试使用document.getElementsByName和document.getElementsByClassName，但它们都不起作用。

的HTML

<p style="display:block;" class="coords"></p>

Java脚本

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position, coords)
{
    var places = document.getElementsByClassName(coords);
    for (var i = 0; i < places.length; i++)
    {
        places[i].innerHTML = "<input type='text' name='lat' id='lat' value='" + position.coords.latitude + "'>" +
            "<input type='text' name='lon' id='lon' value='" + position.coords.longitude + "'>";
    }
}

最佳答案

调用getElementsByClassName后，必须使用循环来更新它们。

function showPosition(position) {
    var places = document.getElementsByClassName("coords");
    for (var i = 0; i < places.length; i++) {
        places[i].innerHTML="<input type='text' name='lat' id='lat' value='" + position.coords.latitude + "'>" +
                            "<input type='text' name='lon' id='lon' value='" + position.coords.longitude + "'>";
    }
}

关于javascript - JavaScript在两个地方创建元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17598628/