如何在javascript中訪問跨度內的特定文本

Question

<div id = "item_container">

<div class="price">
            <span class ="discounted">
                   "
                   $150
                   " 
                   </span> 
                    "$125 for 2 months" 
                   <br>
                "
                Handling Fee: $3.15
                "
    </div>
</div>

有人可以幫助我或為我指出如何使用 javascript 訪問文本“$125 for 2 Month”的正確方向嗎？

我嘗試使用 querySelector 但它只會得到 150 美元的文本。

var discounted_price = document.querySelector('#item_container > div.price > span').innerHTML;
console.log(discounted_price);

我使用的代碼不會得到我需要的剩余文本。

Answer 1

如果 HTML 總是那樣，你可以查詢.discounted然后橫向到下一個兄弟。

到達那里后，您可以獲得該文本節點的nodeValue

 const discounted_price = document.querySelector('.discounted') console.log(discounted_price.nextSibling.nodeValue);

 <div id="item_container"> <div class="price"> <span class="discounted"> " $150 " </span> "$125 for 2 months" <br> " Handling Fee: $3.15 " </div> </div>

Answer 2

您要查找的文本不在span ，而是在span的下一個兄弟節點

 const text = document.querySelector(".discounted").nextSibling.textContent.trim(); console.log(text)

 <html> <div id = "item_container"> <div class="price"> <span class ="discounted"> " $150 " </span> "$125 for 2 months" <br> " Handling Fee: $3.15 " </div> </div> </html>

如何在javascript中訪問跨度內的特定文本

問題描述

2 個解決方案

解決方案1
5 已采納 2020-02-13 19:06:12

解決方案2
2 2020-02-13 19:07:11

如何在javascript中訪問跨度內的特定文本

問題描述

2 個解決方案

解決方案1 5 已采納 2020-02-13 19:06:12

解決方案2 2 2020-02-13 19:07:11

解決方案1
5 已采納 2020-02-13 19:06:12

解決方案2
2 2020-02-13 19:07:11