Javascript 我可以从数值rel属性加载数组吗？_Javascript_Html_Arrays

Javascript 我可以从数值rel属性加载数组吗？

javascript html arrays

Javascript 我可以从数值rel属性加载数组吗？,javascript,html,arrays,Javascript,Html,Arrays,我想知道是否有一种方法可以根据有序的数字rel属性自动创建一个数组，而不是使用Id并手动将35个缩略图加载到一个数组中 <body> <div id="container"> <a id="first" class="object" rel="0"></a> <a id="second" class="object" rel="1" ></a> <a id="third

我想知道是否有一种方法可以根据有序的数字rel属性自动创建一个数组，而不是使用Id并手动将35个缩略图加载到一个数组中

<body>
    <div id="container">
       <a id="first" class="object" rel="0"></a>
       <a id="second" class="object" rel="1" ></a>
       <a id="third" class="object rowEnd" rel="2" ></a>
    </div>
</body>
<script>
    var objectArray=new Array();
    objectArray[0]="#first";
    objectArray[1]="#second";
    objectArray[2]="#third";
</script>

上面是html和手动创建的对象id数组

我不想为数组中的每个插槽编写id标记，而是想自动生成一个包含所有具有.object类和唯一rel标记属性的对象的数组。

您可以从DOM中选择所需的特定元素，并对它们进行迭代以填充数组

<body>
    <div id="container">
       <a id="first" class="object" rel="0"></a>
       <a id="second" class="object" rel="1" ></a>
       <a id="third" class="object rowEnd" rel="2" ></a>
    </div>
</body>
<script>
    var objectArray=new Array();
    objectArray[0]="#first";
    objectArray[1]="#second";
    objectArray[2]="#third";
</script>

在纯JS中：

var objectArray = [];
var objects = document.getElementById('container').getElementsByTagName('a');

for (var i = 0; i < objects.length; i++) {
    objectArray[objects[i].rel] = objects[i].id;
}

例如，请参见JSFIDLE:

数组的内容应该是什么？DOM节点？身份证？