html - How parse DOM to get emails Javascript -

-

i'am building chrome extension parses entire dom/html ,
replace found email(multiple emails) following div:

<div class="email_tmp"> found_email <span>save email</span></div>

example:

<body>  <div>some text...</div>  <div>text a@a.com text</div>  <div>some text...</div>  <p>more text</p>  <div><div><span>text b@b.com text</span></div></div>  <span>last text</span> </body>

replaced to:

<body>  <div>some text...</div>  <div>text <div class="email_tmp"> a@a.com <span>save email</span></div> text</div>  <div>some text...</div>  <p>more text</p>  <div><div><span>text <div class="email_tmp"> b@b.com <span>save email</span></div> text</span></div></div>  <span>last text</span> </body>

how can search , replace found email entire div
, string found_email email too?
want replace found email(s) string, nothing more...
appreciate help.

here total solution looking

html

<div id="main">     sdfsdsdfsdfsdf a@a.com sdfsdfsdfsdfsdfsdf </div>

javascript

var page_content = document.getelementbyid('main').innerhtml; var found_email = "<div class='email_tmp'> found_email <span>save email</span></div>";  //gives array of emails var email = page_content.match(/([a-za-z0-9._-]+@[a-za-z0-9._-]+\.[a-za-z0-9._-]+)/gi);  //replaces emails desired content var result = page_content.replace(email, found_email);  //replaces changed html 'main' div document.getelementbyid('main').innerhtml = result;

here fiddle

update:

if want replace text without adding class or tags content of html, gets real complicated write vanilla script same. in case highly suggest use this library found perfect solution problem.

its library called findandreplacedomtext uses inbuilt methods solve purpose. need give find(what find) , replace(replacing html) so,

findandreplacedomtext(document.getelementbyid('t'), {   find: /([a-za-z0-9._-]+@[a-za-z0-9._-]+\.[a-za-z0-9._-]+)/gi,   replace: '<div class='email_tmp'> found_email <span>save email</span></div>' });

you can revert if face problems in implementing library.

also must read article - replacing-text-in-the-dom-solved


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more

Python Pig Latin Translator -

-
so have been working on @ codecademy.com while trying learn python. don't know if blind , can't see why won't work or what. here's code won't let me use. function print variable if had typed in , print "empty" if didn't type anything. print "welcome english pig latin translator!" original = raw_input("what's name?") if len(original) > 0 print original else print "empty" if len(original) > 0 else the above lines contains syntax errors. try: if len(original) > 0: else: note added colons, ( : ).
Read more