使用 javascript textContent 獲取文本

Question

我嘗試使用 javascript 和 textContent 從站點獲取文本

我用這個代碼

var markets=document.getElementsByClassName('sip-MarketGroup ')
for (var i=0;i<markets.length;i++){
    try {
       console.log(markets[i].textContent);
    } catch (error) {
       console.error(error);
    }
}

           

html 的一部分進入網站如下

<div class="sip-MarketGroup">
    <div class="sip-MarketGroupButton sip-MarketGroup_Open ">
        <div class="sip-MarketGroupButton_Text " style="">Fulltime Result</div>
        <div class="sip-MarketGroupButton_FavouriteButton sip-FavouriteButton ">
            <div class="sip-FavouriteButton_SVG "> </div>
        </div>
    </div>
    <div class="gl-MarketGroup_Wrapper ">
        <div class="gl-MarketGroupContainer ">
            <div class="gl-Market gl-Market_General gl-Market_General-topborder gl-Market_General-pwidth100 ">
                <div class="gl-Participant gl-Participant_General gl-Market_General-cn3 ">
                    <span class="gl-Participant_Name">QPR</span>
                    <span class="gl-Participant_Odds">12.00</span>
                </div>
                <div class="gl-Participant gl-Participant_General gl-Market_General-cn3 ">
                    <span class="gl-Participant_Name">Draw</span>
                    <span class="gl-Participant_Odds">4.00</span>
                </div>
                <div class="gl-Participant gl-Participant_General gl-Market_General-cn3 ">
                    <span class="gl-Participant_Name">Bournemouth</span>
                    <span class="gl-Participant_Odds">1.36</span>
                </div>
            </div>
        </div>
    </div>
</div>

我明白了

全場成績QPR12.00平局4.00伯恩茅斯1.36

沒有空格，我怎樣才能得到這個文本，但用“;”分隔像這樣

全場成績；QPR 12.00；平局 4.00；伯恩茅斯 1.36；

Answer 1

你將不得不 select 所有你想要文本的元素。 有多種方法可以做到這一點，最簡單的就是 select 你想要的元素並循環它們。

 var groups = document.querySelectorAll(".sip-MarketGroup"); const groupText = Array.from(groups).map(function (group) { const elems = group.querySelectorAll('.sip-MarketGroupButton_Text,.gl-Participant_Name, .gl-Participant_Odds'); const text = Array.from(elems).map(function (elem) { return elem.textContent; }).join(";"); return text; }); console.log(groupText);

 <div class="sip-MarketGroup"> <div class="sip-MarketGroupButton sip-MarketGroup_Open "> <div class="sip-MarketGroupButton_Text " style="">Fulltime Result</div> <div class="sip-MarketGroupButton_FavouriteButton sip-FavouriteButton "> <div class="sip-FavouriteButton_SVG "> </div> </div> </div> <div class="gl-MarketGroup_Wrapper "> <div class="gl-MarketGroupContainer "> <div class="gl-Market gl-Market_General gl-Market_General-topborder gl-Market_General-pwidth100 "> <div class="gl-Participant gl-Participant_General gl-Market_General-cn3 "> <span class="gl-Participant_Name">QPR</span> <span class="gl-Participant_Odds">12.00</span> </div> <div class="gl-Participant gl-Participant_General gl-Market_General-cn3 "> <span class="gl-Participant_Name">Draw</span> <span class="gl-Participant_Odds">4.00</span> </div> <div class="gl-Participant gl-Participant_General gl-Market_General-cn3 "> <span class="gl-Participant_Name">Bournemouth</span> <span class="gl-Participant_Odds">1.36</span> </div> </div> </div> </div> </div>