獲取沒有 class 和 id 的 div 內的元素

Question

我有一個分頁 div，其中有一個 html，我無法配置它來添加類或 ID。 我必須使用我所擁有的。

我有一個問題，當頁面被選中時，它會丟失<a href="#"> </a> 。 自動頁碼為文本：“1”或者也可以是“2”，我想通過 css 或 javascript 知道一種方法，我可以得到這個元素“1”或“2”或“3”。 . 並定制它。

這是代碼：

 <nav class="bs__pagination" aria-label="Paginação"> <i class="icon-seta-esquerda-b icon" aria-hidden="true"></i> "1" <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GNJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a página 2" id="pc1617030662888_linkToPage_2">2</a> <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GOJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a página 3" id="pc1617030662888_linkToPage_3">3</a> <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GPJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a próxima página" id="pc1617030662888_nextPage"><i class="icon-seta-direita-b icon" aria-hidden="true"></i></a> </nav>

有人能幫我嗎？

Answer 1

假設活動頁面始終存儲在父節點中唯一包含內容的節點中，那么您可以使用find()檢索它，並使用textContent獲取其中的文本。 嘗試這個：

 let nodes = [...document.querySelector('nav.bs__pagination').childNodes]; let textNode = nodes.find(node => node.nodeType === 3 && node.textContent.trim().length > 0); let pageNumber = textNode.textContent.trim(); console.log(pageNumber);

 <nav class="bs__pagination" aria-label="Paginação"> <i class="icon-seta-esquerda-b icon" aria-hidden="true"></i> "1" <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GNJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a página 2" id="pc1617030662888_linkToPage_2">2</a> <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GOJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a página 3" id="pc1617030662888_linkToPage_3">3</a> <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GPJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a próxima página" id="pc1617030662888_nextPage"><i class="icon-seta-direita-b icon" aria-hidden="true"></i></a> </nav>

Answer 2

如果它是頁面上唯一的一個，您可以使用 CSS 選擇器.bs__pagination i和querySelector到 select 緊接在它之前的i元素，並使用它的nextSibling屬性來獲取它后面的文本節點，並使用它的nodeValue來獲取字符串（也許用trim()刪除空格）：

 console.log( document.querySelector(".bs__pagination i").nextSibling.nodeValue.trim() );

 <nav class="bs__pagination" aria-label="Paginação"> <i class="icon-seta-esquerda-b icon" aria-hidden="true"></i> "1" <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GNJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a página 2" id="pc1617030662888_linkToPage_2">2</a> <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GOJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a página 3" id="pc1617030662888_linkToPage_3">3</a> <a href="p0/IZ7_819E19820H3TB0Q3I25JK808F2=CZ6_819E19820H3TB0Q3I25JK800I3=MKJTMIKw=GPJ=/#Z7_819E19820H3TB0Q3I25JK808F2" title="Link para a próxima página" id="pc1617030662888_nextPage"><i class="icon-seta-direita-b icon" aria-hidden="true"></i></a> </nav>