如何在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