我想只回傳每個 div 的 id 并將它們保存在一個陣列中：
const projects = [...document.getElementsByClassName("nav-project")];
console.log(projects);
//expected output : [one, two, three, four, five]<div class="nav-project" id="one">a</div>
<div class="nav-project" id="two">b</div>
<div class="nav-project" id="three">c</div>
<div class="nav-project" id="four">d</div>
<div class="nav-project" id="five">e</div>uj5u.com熱心網友回復：
嘗試地圖：
該
map()方法創建一個新陣列，其中填充了對呼叫陣列中的每個元素呼叫提供的函式的結果。
const projects = [...document.getElementsByClassName("nav-project")]
.map(div => div.id);
console.log(projects);<div class="nav-project" id="one">a</div>
<div class="nav-project" id="two">b</div>
<div class="nav-project" id="three">c</div>
<div class="nav-project" id="four">d</div>
<div class="nav-project" id="five">e</div>uj5u.com熱心網友回復：
我會使用Array.from()將 NodeList 轉換為 id 陣列：
const projects = Array.from(
document.querySelectorAll('.nav-project'),
el => el.id
)
console.log(projects)<div class="nav-project" id="one">a</div>
<div class="nav-project" id="two">b</div>
<div class="nav-project" id="three">c</div>
<div class="nav-project" id="four">d</div>
<div class="nav-project" id="five">e</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/521745.html