Find and replace in a webpage using javascript

javascript greasemonkey bookmarklet
Fooby picture Fooby · Jul 20, 2009 · Viewed 16.6k times · Source

What I want to do is replace all instances of 'foo' in a webpage with 'bar' in a JS bookmarklet/greasemonkey script. How can I do this? I suppose jQuery works, as there're hacks to include those in both bookmarklets and greasemonkey scripts.

Answer

Josh Stodola picture Josh Stodola · Jul 20, 2009

This script iterates through each element in the document and replaces every instance of foo with bar.

The gi modifiers on the regex make it do a global, case-insensitive search.

var els = document.getElementsByTagName("*");
for(var i = 0, l = els.length; i < l; i++) {
  var el = els[i];
  el.innerHTML = el.innerHTML.replace(/foo/gi, 'bar');
}

You can target specific tag names by changing the "*" to the tag name of your choice (e.g. "p", "td").

Related questions

window.close and self.close do not close the window in Chrome

The issue is that when I invoke window.close() or self.close() it doesn't close the window. Now there seems to be a belief that in Chrome you can't close by script any window that is not script created. That …

Read More
Get image data url in JavaScript?

I have a regular HTML page with some images (just regular <img /> HTML tags). I'd like to get their content, base64 encoded preferably, without the need to redownload the image (ie. it's already loaded by the browser, so …

Read More
alert a variable value

How do I display the value of a variable in javascript in an alert box? For example I've got a variable x=100 and alert(x) isn't working. the script used in grease monkey is here var inputs = document.getElementsByTagName('input'); …

Read More