Extract data from HTML string in Javascript

Question

I have a nodeJS script that reads HTML from a file as string. I would like to extract some data from it. My string (it is a string not HTML) is as following:

<tr><td style="text-align: center;">Initial Filing</td></tr>
                                        
<tr><td>Debtor</td></tr>

    <tr><td class="dName">PO</td></tr>
    <tr><td class="dAddress">CLACKAMAS OR 97015</td></tr>

<tr><td>Secured Party</td></tr>

    <tr><td class="spName">AS</td></tr>
    <tr><td class="spAddress">SPRINGFIELD IL 62708</td></tr>
    
<tr><td>Debtor</td></tr>
    <tr><td class="dName">ONE</td></tr>
    <tr><td class="dAddress">CLACKAMAS OR 97015</td></tr>

<tr><td>Secured Party</td></tr>

    <tr><td class="spName">ANY</td></tr>
    <tr><td class="spAddress">SPRINGFIELD IL 62708</td></tr>

The JavaScrit code I'm using is:

fs.readFile('file.txt', 'utf8', function (err, data) {
        if (err) {
            console.log("Error reading file.txt", err);
            process.exit(1);
        }
        var cleanedHtml = /<tr><td>Debtor<\/td><\/tr>(.*?)<tr><td>Secured Party<\/td><\/tr>/g.exec(html);
        console.log(cleanedHtml[1]);
    });

It returns to me this:

 return cleanedHtml[1];
                      ^
TypeError: Cannot read property '1' of null

Is there any issue with my regex? Also, how can I have an end result like this:

PO
CLACKAMAS OR 97015

AS
SPRINGFIELD IL 62708
    
ONE
CLACKAMAS OR 97015

ANY
SPRINGFIELD IL 62708

Thanks.

I'd suggest two things to check: 1) in your regex instead of (.*?) try (.*)? 2) in the exec method, pass in data and not html (where is html defined?!). — Sefi R
– Sefi R, Commented Oct 31, 2021 at 10:23
html is also just an error when I was to simplify the code I use to post it here, but I'm passing the correct variable. — Dev Dev
– Dev Dev, Commented Oct 31, 2021 at 10:46

Mamun · Accepted Answer · 2021-10-31 10:07:15Z

3

If you make sure that the tr elements are inside <table></table> then you can parse the string using DOMParser() after reading the file:

Demo:

var strHtml = `
  <table>
    <tr><td style="text-align: center;">Initial Filing</td></tr>

    <tr><td>Debtor</td></tr>

    <tr><td class="dName">PO</td></tr>
    <tr><td class="dAddress">CLACKAMAS OR 97015</td></tr>

    <tr><td>Secured Party</td></tr>

    <tr><td class="spName">AS</td></tr>
    <tr><td class="spAddress">SPRINGFIELD IL 62708</td></tr>

    <tr><td>Debtor</td></tr>
    <tr><td class="dName">ONE</td></tr>
    <tr><td class="dAddress">CLACKAMAS OR 97015</td></tr>

    <tr><td>Secured Party</td></tr>

    <tr><td class="spName">ANY</td></tr>
    <tr><td class="spAddress">SPRINGFIELD IL 62708</td></tr>
  </table>
  `

var doc = new DOMParser().parseFromString(strHtml, 'text/html');
var els = doc.querySelectorAll('.dName,.spName,.dAddress,.spAddress');
els.forEach((el) => {
  console.log(el.textContent);
});

answered Oct 31, 2021 at 10:07

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

2 Comments

Dev Dev Over a year ago

This is a script that runs by nodeJS. It says var doc = new DOMParser().parseFromString("<table>" + strHtml + "</table>", 'text/html'); ^ ReferenceError: DOMParser is not defined

Mamun Over a year ago

@DevDev, please follow stackoverflow.com/questions/11398419/…

Tman · Accepted Answer · 2021-10-31 09:43:47Z

0

Should there not be brackets after console.log? Is the cleanedHtml a list with more than one element? Otherwise there is no cleanedHtml[1]

answered Oct 31, 2021 at 9:43

Tman

112 bronze badges

1 Comment

Dev Dev Over a year ago

Sorry that is just a typo, the real code is return cleanedHtml[1]; I updated the code above.

Collectives™ on Stack Overflow

Extract data from HTML string in Javascript

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related