It should works fine
let summaryContainer = document.getElementsByClassName('summary-container')[0];
let spans = summaryContainer.getElementsByTagName("span");
let content = Array.prototype.slice.call(spans).map(span => span.innerText)
console.log(content)
<div class="col-50">
<div id ="orderSummary">
<h2>Order summary</h2>
<div class ="summary-container">
<div class ="summary">
<div class="product">
<span>Natural Straight</span>
<div class="price">$95,00</div>
<div class="quantity">
<span>1</span>
</div>
<div class="total">$95,00 </div>
</div>
</div>
</div>