<span id="textArea1"></span> 可以在 DOM 中重复使用吗？

Question

我写了一个简单的 NodeJS/express API，服务于单个 HTML 页面。该页面包含一个 javascript 表单，使用 axios 向服务器发送日期。服务器进行计算并发回响应。然后将响应切成位，并将它们的值写为 .innerHTML "id"s.

                axios({
                        method: "post",
                        url: "/",
                        data: data,
                    })
                    .then((res) => {
                        document.getElementById("textArea1").innerHTML = res.data.earth.lon;
                        document.getElementById("textArea2").innerHTML = res.data.earth.lat;

我注意到每个“id”在正文中只能使用一次。如果我将同一行写两次（注意 "textArea1"）：

    <p> longitude: <span id="textArea1"></span>&deg;</p>
    <p> longitude: <span id="textArea1"></span>&deg;</p>

...只有第一个获得值。

我想“id”在 DOM 中是唯一的，不能重复使用？我不需要它两次，我只是注意到它在做一些复制粘贴。

如果我需要两次使用相同的“id”，是否有简单的方法？

谢谢，洛伦佐

Answer 1

之所以使用唯一ID是为了您的浏览器，您作为开发人员正确处理了dom元素并避免了很多问题。

搞清楚你家附近的房子，邮编相同，号码就很难保证邮寄的时候能确定房子是不是正确的。

您不会禁止创建 ID 相等的元素，但您希望避免它。

<span id="textArea1"></span> 可以在 DOM 中重复使用吗？

can <span id="textArea1"></span> be re-used in the DOM?

html

javascript

dom

innerhtml

axios