HTML是一种用于创建网页的标准标记语言，它本身并不直接支持数组和存储功能，我们可以通过JavaScript（一种在浏览器中运行的脚本语言）来实现这个功能，在JavaScript中，我们可以使用数组来存储HTML元素的ID。
（图片来源网络，侵删）
以下是一个简单的示例，演示如何使用JavaScript数组存储HTML元素的ID：
1、我们需要在HTML文档中创建一个或多个元素，并为它们分配ID，我们可以创建一个<div>元素，并为其分配ID myDiv：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF8">
<meta name="viewport" content="width=devicewidth, initialscale=1.0">
<title>Array of IDs</title>
</head>
<body>
<div id="myDiv">Hello, World!</div>
<button onclick="storeIds()">Store IDs</button>
<script src="script.js"></script>
</body>
</html>
2、接下来，我们需要编写一个JavaScript函数，该函数将在用户点击按钮时执行，在这个函数中，我们将遍历所有具有特定ID的元素，并将它们的ID添加到一个数组中，我们可以编写一个名为storeIds的函数，如下所示：
function storeIds() {
// 创建一个空数组来存储ID
var ids = [];
// 获取所有具有特定ID的元素（在这个例子中，我们查找所有具有ID "myDiv"的元素）
var elements = document.querySelectorAll('#myDiv');
// 遍历这些元素，并将它们的ID添加到数组中
for (var i = 0; i < elements.length; i++) {
ids.push(elements[i].id);
}
// 输出数组的内容，以检查ID是否已成功存储
console.log(ids);
}
3、我们需要将此JavaScript函数与HTML按钮的onclick事件关联起来，为此，请将以下代码添加到HTML文档的<script>标签中：
document.getElementById('storeIdsButton').addEventListener('click', storeIds);
现在，当用户点击按钮时，storeIds函数将被执行，所有具有ID "myDiv"的元素的ID都将被存储在一个数组中，你可以通过在浏览器的控制台中查看输出的数组来验证这一点。
请注意，这只是一个简单的示例，实际应用可能会涉及到更复杂的逻辑和更多的元素，基本的概念和步骤是相同的：使用JavaScript遍历HTML元素，将它们的ID添加到数组中，并在需要时访问这些数组。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/435420.html
微信扫一扫