Buscar palabra en div que no pertenezca a una etiqueta

[NSD]

Hola gente, quisiera seleccionar todo el codigo de un div que no pertenezca a un hijo span de este y ademas, poder reemplazar palabras.

Si tengo este html:

Código HTML:

<div id="textoid">
Hola, este texto es una prueba, <span class="clase1"> la prueba consiste </span> en reemplazar en <span class="clase2"> este texto </span>
</div>
 

Quisiera obtener el texto que no esta en los span, seria este:

Hola, este texto es una prueba, en reemplazar en

Luego, quisiera reemplazar una palabra, por ejemplo "texto" por "<span class="clase3"> texto </span>"

Quedando asi:

Hola, este<span class="clase3"> texto </span>es una prueba, en reemplazar en

y finalmente rearmar el html original quedando asi:

Código HTML:

<div id="textoid">
Hola, este<span class="clase3"> texto </span>es una prueba, <span class="clase1"> la prueba consiste </span> en reemplazar en <span class="clase2"> este texto </span>
</div>
 

En si el orden de los pasos no importa, es como se me ocurrio plantear el problema nada mas.

Lo que importa es meter la palabra "texto" en un span de una clase solo si no esta ya dentro de un span.

¿es posible? ¿como? Notese que no se reemplazo la palabr texto que esta en el span de la clase2, solo la aparicion que esta en suelta dentro del div textoid