Extract HTML with javascript

Question

Here comes a simple question, for all those who know javascript. I made an application, which grabs the following code and puts it into a variable:

<div class="article-author">Af <span class="remove_from_bt_touch">:</span>Af Tho
mas S&oslash;gaard Rohde, Berlingske Nyhedsbureau<span class="section-time">&nbs
p;15. jan. 2012
               |
            </span>
<span class="section-category">Danmark</span>
</div>

Now, what I want is another variable, containing the DATE of the variable above. So it should be 15. jan. 2012.

How do I do that?

why do you need a variable that holds 16 jan instead of 15 jan from the data? — huysentruitw
– huysentruitw, Commented Apr 3, 2012 at 12:42
You might want to look for Regular Expressions in javascript. see this — huysentruitw
– huysentruitw, Commented Apr 3, 2012 at 12:44

RobG · Accepted Answer · 2012-04-03 13:00:31Z

Don't really understand what you mean by "puts it in a variable" other than to say the markup is a string assigned to a variable like:

var m = '<div class="article-author">Af ' +
        '<span class="remove_from_bt_touch">:<\/span>' +
        'Af Thomas S&oslash;gaard Rohde, Berlingske' +
        ' Nyhedsbureau<span class="section-time">&nbsp;' +
        '15. jan. 2012 | <\/span>' +
        '<span class="section-category">Danmark<\/span><\/div>';

If that is the case, you can get the date (provided it is exactly in the format shown) using match with a regular expression:

var re = /\d\d?\. [a-z]{3}\. [0-9]{4}/;

alert(m.match(re)); // 15. jan. 2012

However, if you mean it is markup in a page and you are trying to get the text in the span with class section-time, then you can use something like:

// Get all elements with class section-time, use DOM method, 
// querySelectorAll or some other means
var el, els = document.getElementsByClassName('section-time');

// Get the date out of each. Use a regular expression as there
// seems to be other stuff in there
var dates = [];
var re = /\d\d?\. [a-z]{3}\. [0-9]{4}/;

for (var i=0, iLen=els.length; i<iLen; i++) {
  el = els[i];
  dates.push((el.innerText || el.textContent).match[0]);
}

Or you could get all such dates in an array using match with the above regular expression on the innerHTML of a common parent element.

erikvimz · Accepted Answer · 2012-04-03 12:51:12Z

1

var date = $('.section-time').text();

Using jQuery of course.

answered Apr 3, 2012 at 12:51

erikvimz

5,4966 gold badges46 silver badges61 bronze badges

1 Comment

Wituz Over a year ago

Sorry, but the tool I am using dosen't support Jquery

Collectives™ on Stack Overflow

Extract HTML with javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related