[WSG] injecting an extra hook with javascript

[Peter Ottery]

just say i have markup like this:

----------------------------------
<div id ="utility">
<ul>
<li><a href="" Item</a></li>
<li><a href="" Item</a></li>
<li><a href="" Item</a></li>
</ul>
</div>
---------------------------------

and for one reason or another I *dont* have access to the html markup.
Then an intricate design comes along that requires an extra hook (a span tag) to be inserted inside each <a href></a> tag.
is it possible to use _javascript_ (1) to insert a <span> tag inside each a href "on the fly" so its not in the markup - but would be there if you were able to view the rendered source? you know what i mean - dynamically changing the dom... or something

can you tell i know nothing about _javascript_? :)

any help appreciated.

cheers, pete

(1) - of course, without _javascript_ list items would still be accessible - they just wouldnt have the nice design inticacies