我正在使用 HTML5 的詳細信息和摘要。我想要一份職業(yè)清單。當用戶打開特定專業(yè)人士的摘要項目時，它會呈現(xiàn)一個指向具有該專業(yè)功能技能要求的頁面的超鏈接。此頁面的文檔代碼（例如 47-2061.00）存儲在每個摘要元素的數(shù)據(jù)元素中。如何使用摘要標簽中的數(shù)據(jù)元素編寫超鏈接（例如https://www.onetonline.org/link/summary/）并將信息附加到末尾？我相信我需要使用 foreach 的 for 循環(huán)來使用 document.getElementsByTagName 將偵聽器附加到每個摘要標記，但我可以給它們一個類并通過 getElementsByClassName 來完成然后我不確定接下來需要做什么。代碼筆//https://www.onetonline.org/link/summary/var userSelection = document.getElementsByTagName("summary");for (let i = 0; i < userSelection.length; i++) {  userSelection[i].addEventListener("toggle", function() {    console.log("Added listener " + i);  })}var a = document.createElement('a');var linkText = document.createTextNode("functional skills");a.appendChild(linkText);a.title = "functional skills";a.href = "https://www.onetonline.org/link/summary/";/*the above needs to append the data attribute from the summary item clicked for example https://www.onetonline.org/link/summary/53-7064.00*/document.body.appendChild(a);<details id="agriculture" class="details">  <summary>Agriculture</summary>  <details>    <summary data="53-7064.00">Picking & packing</summary>  </details>  <details>    <summary data="45-2092.02">Farm worker</summary>  </details>  <details>    <summary data="45-2091.00">Agricultural Equipment Operator</summary>  </details>  <details>    <summary data="45-2093.00">Farmworkers, Farm, Ranch, and Aquacultural Animals</summary>  </details></details><details id="construction" class="details">  <summary>Construction</summary>  <details>    <summary data="47-2061.00">Construction Labourer</summary>  </details>  <details>    <summary data="47-2073.00">Operating Engineers and Other Construction Equipment Operators</summary>  </details>  <details data="47-2051.00">    <summary>Cement Masons and Concrete Finishers</summary>  </details>