第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么 nextelementsibling 返回 null | dom遍歷js

為什么 nextelementsibling 返回 null | dom遍歷js

慕慕森 2023-07-06 18:13:49
當(dāng)我單擊標(biāo)題(標(biāo)題位于此處)文本時。我得到的是 null 而nextElementSibling不是a元素...編輯您可以在 an 中嵌套任何元素,但以下元素<a>除外:<a><button><a>并且<button>兩者均無效..但我的a標(biāo)簽為空......而不是button標(biāo)簽......我正在尋找更清晰和有效的來源......如果我控制臺日志console.log(document.links)..它會給出三個HTMLCollection集合...結(jié)束編輯下面的示例代碼? 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>
查看完整描述

1 回答

?
慕絲7291255

TA貢獻1859條經(jīng)驗 獲得超6個贊

您的 HTML 無效。您不允許使用嵌套超鏈接之類的內(nèi)容。這意味著 HTML 解析器(其設(shè)計目的是容忍錯誤)必須對元素樹提出新的解釋。Firefox 至少將其翻譯為:


<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>

    <span>

      span tag

    </span>

  </a>

  <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>

      </div>

      <div class="box">

        <div class="content"><input id="tab1_"> Description

        </div>

        <div class="content"><input id="tab2_">

          <p>image</p>

        </div>

      </div>

    </div>

  </div>

  <br>

</li>

您可以通過從瀏覽器的 DOM 檢查器復(fù)制 HTML 來親自獲取此信息。


正如您所看到的,其他<a/>元素不是 的兄弟元素.viewAbstractToggleTitle。這是因為 DOM 解析器必須插入第一個<a/>元素的結(jié)束符,因為您無法嵌套它們。


查看完整回答
反對 回復(fù) 2023-07-06
  • 1 回答
  • 0 關(guān)注
  • 225 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號