getElementsByTagName to find tag then read string and replace text

Question

I have spent a long time trying and working on this with no luck you see as i am fairly new to javascript. i am making a google chrome extension and i wish to block certain words on a page that has been user defined but i wish to do this without getelementbyid as the webpages they wont have my desired id. For example Have user type the words he ore her wish to block and then those words would be replaced on any webpage they visit. HElP greatly appriciated. All i Have so far is with get element by id and not tags

Do you have a way of getting the specific element that the text is in or is there a way to find that element? Or do you have to search all text on the page? — jfriend00, Jan 06 '13 at 07:40
Harry Butler, if one of the answers below helped, could you please accept one of them? — Shrey Gupta, Mar 15 '13 at 07:05

score 1 · Answer 1 · answered Jan 06 '13 at 07:15

1

Text can be in any element at all, so getElementsByTagName won't be much use.

Instead, consider iterating through all nodes. Look for nodes of type 3 (text nodes), and replace their content.

Start at document.body, get its .children[], and loop recursively.

answered Jan 06 '13 at 07:15

Niet the Dark Absol

320,036
81
464
592

Could you provide a bit more thanks with the nodes idea please – Harry Butler Jan 06 '13 at 07:27

score 0 · Accepted Answer · answered Jan 06 '13 at 08:19

Here is a working example: http://jsfiddle.net/cmontgomery/V45LS/

The secret sauce:

soapInTheMouth = function(node) {
  var allNodes = node.childNodes;
  $.each(allNodes, function(i,n) {
    if(n.nodeType === 3) {
      n.nodeValue = n.textContent.replace(/shit/g,'crap');
    } else {
      soapInTheMouth(n);
    }
  });
}

score 0 · Answer 3 · answered Aug 20 '13 at 07:43

0

Thankyou guys but i fixed it was simply a syntax error on my behalf

answered Aug 20 '13 at 07:43

Harry Butler

11
4

getElementsByTagName to find tag then read string and replace text

3 Answers3