當我單擊標題（標題位于此處）文本時。我得到的是 null 而nextElementSibling不是a元素...編輯您可以在 an 中嵌套任何元素，但以下元素<a>除外：<a><button><a>并且<button>兩者均無效..但我的a標簽為空......而不是button標簽......我正在尋找更清晰和有效的來源......如果我控制臺日志console.log(document.links)..它會給出三個HTMLCollection集合...結束編輯下面的示例代碼? console.log(document.links)document.querySelectorAll(".viewAbstractToggleTitle").forEach(function(item) {? item.addEventListener("click", function(e) {? ? if (e.target.parentElement.classList.contains('viewAbstractToggleTitle')) {? ? ? console.log(e.target.parentElement.nextElementSibling.nextElementSibling)? ? ? console.log(e.target.parentElement.nextElementSibling.nextElementSibling.nextElementSibling);?console.log(e.target.parentElement.nextElementSibling.nextElementSibling.nextElementSibling.nextElementSibling);? ? }? })})<li style="border-bottom: 1px solid #d6d6d6;margin-bottom:10px;">? <a href="javascript:void(0)">? ? <span class="viewAbstractToggleTitle" style="display:inline-block;line-height:1.6 !important">? ? ? <span? style="font-weight: 600;font-size:16px;">? ? ? ? Title Goes Here? ? ? </span>? ? ? <span> ( 1-10 page )</span>? ? </span>? ? <br>? ? <div class="authors">? ? ? <span><i class="fa fa-user" aria-hidden="true"></i>? ? ? ? Author? ? ? </span>? ? ? <span><i class="fa fa-user" aria-hidden="true"></i>? ? ? ? Author? ? ? </span>? ? </div>? ? ? <button>? ? ? ?button tag? ? ? </button>? ? <a class="inlineBlock" href="" download>? ? ? <i class="fa fa-download" aria-hidden="true"></i> Download PDF</a>? ? <a class="inlineBlock viewAbstractToggle" href="javascript:void(0)"> <i class="fa fa-eye" aria-hidden="true"></i> View Article</a>? ? <div class="showTabe sTab">? ? ? <div class="tabBox">? ? ? ? <div class="tab">? ? ? ? ? <label class="label" for="tab1_">Abstract</label>? ? ? ? ? <label class="label" for="tab2_">Graphical of Author </label>
為什么 nextelementsibling 返回 null | dom遍歷js
慕慕森
2023-07-06 18:13:49
