Tengo el siguiente div:

 document.querySelector('.ducp-component-cart-item.cart-item.YQ.sm').children[0].children[0].innerHTML

Que tiene un valor de cadena:

 Airline Fuel Fee - non-refundable (YQ)

Estoy tratando de eliminar el texto "- no reembolsable" con lo siguiente, pero no lo cambia:

 document.querySelector('.ducp-component-cart-item.cart-item.YQ.sm').children[0].children[0].innerHTML.replace('<div class="seats-together"><div class="cart-item-label">Airline Fuel Fee - non-refundable (YQ)</div></div>', '<div class="seats-together"><div class="cart-item-label">Airline Fuel Fee (YQ)</div></div>');

La consola muestra que se ha producido el cambio, pero al comprobar el elemento, el cambio no se refleja.