Automate removal of div/span attributes for code clean-up and easier merging

Yeah, you can handle that pretty cleanly with a small DOM cleanup script. Basically, what’s happening is that your text is split across multiple spans, so before you try to match bv., you’ll want to flatten the inner text nodes a bit.

Here’s one straightforward approach:

function cleanAndMergeSpans(container) {
  const spans = container.querySelectorAll('span');
  spans.forEach(span => {
    // Move the text content up to the parent node
    const textNode = document.createTextNode(span.textContent);
    span.parentNode.insertBefore(textNode, span);
    span.remove();
  });
}

You can call this function on the main container that holds your content, e.g.

cleanAndMergeSpans(document.body);

That’ll strip out all span elements (and their attributes) while keeping the text in place so "bv." ends up as one continuous string again.

If you’ve got nested spans or extra markup like <div>s, you can run the same logic recursively or simply do something like:

document.body.innerHTML = document.body.textContent;

but be careful with that one, since it’ll remove all HTML formatting.

So, in short: remove the wrapping spans, keep the text nodes, then your highlight function should work as expected.