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

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

使用 getElementsByClassName() 獲取特定類的問題

使用 getElementsByClassName() 獲取特定類的問題

UYOU 2021-12-23 10:52:34
我正在嘗試從Discogs.com html解析曲目名稱。以下是 html 部分的示例:<tr class=" tracklist_track track" data-track-position="8">        <td class="tracklist_track_pos">8</td>          <td class="track tracklist_track_title ">            <span class="tracklist_track_title">Shapeshifting</span><blockquote><span class="tracklist_extra_artist_span">Vocals – <a href="/artist/764815-Rachel-Dreyer">Rachel Dreyer</a></span></blockquote></td>        <td width="25" class="tracklist_track_duration">            <span>6:02</span>        </td>    </tr><tr class=" tracklist_track track" data-track-position="9">        <td class="tracklist_track_pos">9</td>        <td class="track tracklist_track_title ">            <span class="tracklist_track_title">Rose</span><blockquote><span class="tracklist_extra_artist_span">Vocals – <a href="/artist/764814-Silke-Roch">Silke Roch</a></span></blockquote></td>        <td width="25" class="tracklist_track_duration">            <span>5:49</span>        </td>    </tr>我的目標是提取innerText類tracklist_track_title( "Shapeshifting", "Rose")。如果我試試這個:document.getElementsByClassName("tracklist_track_title"),我收到陣列,其中包括類track tracklist_track_title,tracklist_track_title和tracklist_extra_artist_span。( "Shapeshifting", "Shapeshifting", "Vocals – Rachel Dreyer", "Rose", "Rose", "Vocals – Silke Roch")如果我嘗試這個:document.getElementsByClassName("track tracklist_track_title"),我只接受track tracklist_track_title課程,但不幸的tracklist_extra_artist_span是課程也包括在內(nèi)。( "Shapeshifting", "Vocals – Rachel Dreyer", "Rose", "Vocals – Silke Roch").你能不能給我建議一種只包含tracklist_track_title在結果數(shù)組中的方法,或者之后過濾這個數(shù)組以擺脫tracklist_extra_artist_span類?( "Shapeshifting", "Rose").我唯一的想法是使用document.getElementsByClassName("tracklist_track_title")然后過濾結果數(shù)組中具有偶數(shù)索引的所有元素以擺脫track tracklist_track_title類:var trackBlock = document.getElementsByClassName("tracklist_track_title");var trackList = [];for (var i = 0; i < trackBlock.length; i++) {    if(i % 2 != 0) { // index is not even        trackList.push(trackBlock[i].innerText);    }}還有其他想法嗎?謝謝!
查看完整描述

1 回答

?
慕姐4208626

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

querySelectorAll改為使用,并僅選擇<span>帶有tracklist_track_title, 的標簽span.tracklist_track_title:


const trackList = Array.from(

  document.querySelectorAll('span.tracklist_track_title'),

  span => span.textContent

);

console.log(trackList);

<table>

  <tr class=" tracklist_track track" data-track-position="8">

    <td class="tracklist_track_pos">8</td>

    <td class="track tracklist_track_title ">

      <span class="tracklist_track_title">Shapeshifting</span>

      <blockquote><span class="tracklist_extra_artist_span">Vocals – <a href="/artist/764815-Rachel-Dreyer">Rachel Dreyer</a></span></blockquote>

    </td>

    <td width="25" class="tracklist_track_duration">

      <span>6:02</span>

    </td>

  </tr>

  <tr class=" tracklist_track track" data-track-position="9">

    <td class="tracklist_track_pos">9</td>

    <td class="track tracklist_track_title ">

      <span class="tracklist_track_title">Rose</span>

      <blockquote><span class="tracklist_extra_artist_span">Vocals – <a href="/artist/764814-Silke-Roch">Silke Roch</a></span></blockquote>

    </td>

    <td width="25" class="tracklist_track_duration">

      <span>5:49</span>

    </td>

  </tr>

</table>


選擇器字符串比getElementsBy方法更強大和靈活。


span.tracklist_track_title意思是:選擇標簽名span也有類名的元素tracklist_track_title。


查看完整回答
反對 回復 2021-12-23
  • 1 回答
  • 0 關注
  • 270 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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