如何使用javascript從多個連續范圍中獲取單個組合字符串

Question

我在html塊中有一個地址，該地址的所有部分都在多個跨度之間划分。 我希望地址是一個字符串，如何刪除跨度？

<div class="AddressInfo">
 <span class="AddressNumber">2222 </span>
 <span class="AddressDirection"></span>
 <span class="AddressName">Turtle Creek Boulevard</span>
 <span class="AddressUnitNumber">5E</span>
 <span class="EndAddressComma">,&nbsp;</span>
</div>

我不需要逗號，也不需要任何空跨度，只需將文本作為新字符串中的單個字符串即可。

我已經通過getElementsByClassName搶到了AddressInfo，所以現在有了這個html塊可以使用。 如果有更好的方法，我將不勝感激。

謝謝！

Answer 1

檢索包含的<div>的textContent ，並對其進行修剪並刪除逗號和其他您不想要的內容：

 const { textContent } = document.querySelector('.AddressInfo'); const trimmed = textContent.trim().replace(/,/g, '').replace(/\\s+/g, ' '); console.log(trimmed); 

 <div class="AddressInfo"> <span class="AddressNumber">2222 </span> <span class="AddressDirection"></span> <span class="AddressName">Turtle Creek Boulevard</span> <span class="AddressUnitNumber">5E</span> <span class="EndAddressComma">,&nbsp;</span> </div> 

Answer 2

也許使用innerText ：

document.getElementsByClassName('AddressInfo')[0].innerText.replace(/,/g, '')