How to grab string from a HTML document using Javascript

Question

I am trying to grab a string from a HTML page. This string lives inside a div tag with no ID, and has an ever changing title property.

it looks something like this:

<div title = [this title changes depending on how the page is pulled up]>
EmailAddress abc@xyz
</div>

I want to be able to grab "abc@xyz" out of this whole mess.

This HTML document is ever changing, the only thing I know for sure that stays the same is that the string I want to grab will always be preceded by "EmailAddress"

I've been staring at this for 3 hours with no progress. I'd be very thankful if someone can point me in the right direction.

have you tried using substring()

Praveen
– Praveen

2013-05-21 06:24:24 +00:00
Commented May 21, 2013 at 6:24 — Praveen
– Praveen, Commented May 21, 2013 at 6:24
What evil stuff do you want to do with those e-mails?

Jan Turoň
– Jan Turoň

2013-05-21 06:29:25 +00:00
Commented May 21, 2013 at 6:29 — Jan Turoň
– Jan Turoň, Commented May 21, 2013 at 6:29

Alexander · Accepted Answer · 2013-05-21 08:42:43Z

4

Without jQuery:

var divElements = document.getElementsByTagName( 'div' );

for ( var i = 0; i < divElements.length; i++ ) {
    if ( divElements[i].innerText.match( 'EmailAddress' ) ) {
        // your div 
        var mail_id =  divElements[i].innerText.replace('EmailAddress ','');
    }
}

See this fiddle.

edited May 21, 2013 at 8:42

Alexander

23.5k11 gold badges65 silver badges74 bronze badges

answered May 21, 2013 at 6:26

Kilian Stinson

2,40430 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Graham · Accepted Answer · 2013-05-21 06:26:26Z

0

If you don't have any way of narrowing down the containing element via an ID, then you can try reading in the body HTML and using regex to retrieve the text:

var html = document.getElementsByTagName('body')[0].innerHTML;
var result = html.match(/EmailAddress\s([^<]+)</i)[1];

This is a very rudimentary regular expression, but should do the job to start with.

answered May 21, 2013 at 6:26

Graham

6,5822 gold badges39 silver badges39 bronze badges

Comments

Arun P Johny · Accepted Answer · 2013-05-21 06:38:08Z

0

Try this

var x = document.querySelectorAll('div[title]'), email;
if(x.length){
    for(var i = 0; i < x.length; i++){
        var inner = x[i].textContent || x[i].innerText;
        if(/EmailAddress/.test(inner)){
            email = inner.substring(inner.indexOf('EmailAddress') + 13);
            email = email.replace(/\s.*$/, '')
            break;
        }
    }
}

Demo: Fiddle

answered May 21, 2013 at 6:38

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

sachin · Accepted Answer · 2013-05-21 07:32:47Z

-1

$('div').each(function(){
    var divText=$(this).text();
    var ok=divText.contains('EmailAddress')
    if(ok){
      alert(divText);
    }
});

edited May 21, 2013 at 7:32

answered May 21, 2013 at 7:02

sachin

14.4k14 gold badges45 silver badges55 bronze badges

Collectives™ on Stack Overflow

How to grab string from a HTML document using Javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related