如何使用 JavaScript 在 HTML 中用另一个脚本标签替换脚本标签？

Question

I would like to run a javascript code that replaces a certain string with another string, editing the page. I can do such easily with a string:

  var documentHTMLupdated = documentHTML.replace(originalString, newString);

but I need to have the html update. Calling document.write() again with the updated HTML does not work, as I don't want to have to reload the entire page (plus google chrome gets mad when I call document.write() ). How can I update my HTML, only knowing the string I want to replace (no knowlede of element ID, etc), without calling document.write()?

It would look something like:

<script> somefunction(); </script>

to

<script> updatedfunction(); </script>

Thank you for the help! (And my apologies if I asked this question poorly. I believe it fits community guidelines, but let me know if it doesn't so I can correct my mistakes)

Answer 1

Instinctively I would loop on all text nodes and run a replace method on them. I'm not sure of the efficiency of this but on a small page it shouldn't be so heavy. You can use getElementsByTagName to get all span, p, li.

Not very elegant but should work without having to reload the page.