Trying to use the DOMParser with node js

Question

I am running into issues when trying to use the DOMParser in my js code. In my code, I retrieve an xml file via xmlhttp.responseText soap response. I want to be able to access its elements in JSON format, so my code looks like:

var xml = new DOMParser();
xml = xml.parseFromString(xmlhttp.responseText, 'text/xml');
var result = xmlToJson(xml);

I get this error message: ReferenceError: DOMParser is not defined

Edit: This link hasn't worked for me because my javascript isn't in the HTML page, as it is a node.js file. JavaScript DOMParser access innerHTML and other properties

Nino Filiu · Accepted Answer · 2022-01-29 14:53:25Z

A lot of browser functionalities, like DOM manipulations or XHR, are not available natively NodeJS because that is not a typical server task to access the DOM - you'll have to use an external library to do that.

DOM capacities depends a lot on the library, here's a quick comparisons of the main tools you can use:

jsdom: implements DOM level 4 which is the latest DOM standard, so everything that you can do on a modern browser, you can do it in jsdom. It is the de-facto industry standard for doing browser stuff on Node, used by Mocha, Vue Test Utils, Webpack Prerender SPA Plugin, and many other:
```
const jsdom = require("jsdom");
const dom = new jsdom.JSDOM(`<!DOCTYPE html><p>Hello world</p>`);
dom.window.document.querySelector("p").textContent; // 'Hello world'
```

deno_dom: if using Deno instead of Node is an option, this library provides DOM parsing capabilities:

import { DOMParser } from "https://deno.land/x/deno_dom/deno-dom-wasm.ts";
const parser = new DOMParser();
const document = parser.parseFromString('<p>Hello world</p>', 'text/html');
document.querySelector('p').textContent; // 'Hello world';

htmlparser2: same as jsdom, but with enhanced performances and flexibility at the price of a more complex API:

const htmlparser = require("htmlparser2");
const parser = new htmlparser.Parser({
  onopentag: (name, attrib) => {
    if (name=='p') console.log('a paragraph element is opening');
  }
}, {decodeEntities: true});
parser.write(`<!DOCTYPE html><p>Hello world</p>`);
parser.end();
// console output: 'a paragraph element is opening'

cheerio: implementation of jQuery based on HTML DOM parsing by htmlparser2:

const cheerio = require('cheerio');
const $ = cheerio.load(`<!DOCTYPE html><p>Hello world</p>`);
$('p').text('Bye moon');
$.html(); // '<!DOCTYPE html><p>Bye moon</p>'

xmldom: fully implements the DOM level 2 and partially implements the DOM level 3. Works with HTML, and with XML also
dom-parser: regex-based DOM parser that implements a few DOM methods like getElementById. Since parsing HTML with regular expressions is a very bad idea I wouldn't recommend this one for production.

jrz · Accepted Answer · 2019-01-08 16:48:38Z

34

I used jsdom because it's got a ton of usage and is written by a prominent web hero - no promises that it's behavior perfectly matches your browser (or even that every browser's behavior is the same) but it worked for me:

const jsdom = require("jsdom")
const { JSDOM } = jsdom
global.DOMParser = new JSDOM().window.DOMParser

answered Jan 8, 2019 at 16:48

jrz

4,6521 gold badge33 silver badges21 bronze badges

Comments

Chris Alley · Accepted Answer · 2015-12-27 08:42:17Z

23

You can use a Node implementation of DOMParser, such as xmldom. This will allow you to access DOMParser outside of the browser. For example:

var DOMParser = require('xmldom').DOMParser;
var parser = new DOMParser();
var document = parser.parseFromString('Your XML String', 'text/xml');

answered Dec 27, 2015 at 8:42

Chris Alley

3,0352 gold badges23 silver badges33 bronze badges

5 Comments

DataGreed Over a year ago

it does not work - just spits a lot of error "entity not found" when trying to parse an html page

Fuji Over a year ago

xmldom is an old library. No querySelector support

P.Brian.Mackey Over a year ago

xmldom is a poor substitute for DOMParser. It does not correctly parse peer elements.

Ravikumar Rajendran Over a year ago

It satisfies my needs as I am actually implementing this logic! Thanks, gist.github.com/chinchang/8106a82c56ad007e27b1

hallvors Over a year ago

This is the replacement for the older xmldom package: npmjs.com/package/@xmldom/xmldom

Esailija · Accepted Answer · 2012-07-09 15:47:40Z

18

There is no DOMParser in node.js, that's a browser thing. You can try any of these modules though:

https://github.com/joyent/node/wiki/modules#wiki-parsers-xml

answered Jul 9, 2012 at 15:47

Esailija

140k24 gold badges280 silver badges328 bronze badges

2 Comments

ffflabs Over a year ago

I know this thread is old, but here it goes. What about jquery for node? An ajax call with dataType xml should receive an xml dom response.

vhs Over a year ago

The link provided appears to have expired.

Johannes Fahrenkrug · Accepted Answer · 2018-02-14 17:25:40Z

5

I really like htmlparser2. It's a fantastic, fast and lightweight library. I've created a small demo on how to use it on RunKit: https://runkit.com/jfahrenkrug/htmlparser2-demo/1.0.0

answered Feb 14, 2018 at 17:25

Johannes Fahrenkrug

45.1k21 gold badges135 silver badges174 bronze badges

1 Comment

okram Over a year ago

it's good to know that additional packages that make it actually useful (css-select, domutils) are not free

Anjali · Accepted Answer · 2015-07-07 12:02:26Z

3

var DOMParser = require('xmldom').DOMParser;
var doc = new DOMParser().parseFromString(
    '<xml xmlns="a" xmlns:c="./lite">\n'+
        '\t<child>test</child>\n'+
        '\t<child></child>\n'+
        '\t<child/>\n'+
    '</xml>'
    ,'text/xml');

answered Jul 7, 2015 at 12:02

Anjali

751 bronze badge

Comments

user128511 · Accepted Answer · 2023-04-04 21:28:52Z

3

I needed DOMParser in node. This is what I used

const jsdom = require('jsdom');
const {JSDOM} = jsdom;

class DOMParser {
  parseFromString(s, contentType = 'text/html') {
    return new JSDOM(s, {contentType}).window.document;
  }
}

now the example from this answer works for me.

function htmlDecode(input) {
  var doc = new DOMParser().parseFromString(input, "text/html");
  return doc.documentElement.textContent;
}

console.log(  htmlDecode("&lt;img src='myimage.jpg'&gt;")  )    
// "<img src='myimage.jpg'>"

answered Apr 4, 2023 at 21:28

user128511

Comments

Roman · Accepted Answer · 2021-04-27 23:26:17Z

1

I use yet another DOM parser from html string to DOM and back > Himalaya, or at npmjs.com:

import { parse, stringify } from 'himalaya';

const dom = parse(htmlString)

// Do something here

const htmlStringNext = stringify(dom)

answered Apr 27, 2021 at 23:26

Roman

22.3k18 gold badges103 silver badges105 bronze badges

Comments

w. Patrick Gale · Accepted Answer · 2021-09-22 21:42:34Z

0

RSS parser is easy for parsing Atom feeds. I you are using NextJs for example you can simply create an API like so:

import Parser from 'rss-parser'

export default async function API(req, res) {
    let parser = new Parser();
    try {
        const feed = await parser.parseURL(`https://www.nasa.gov/rss/dyn/lg_image_of_the_day.rss`);
        if (feed) return res.json({ "message": `Here is your data feed title`, status: 200, data: feed.title })
    } catch (error) {
        return res.json({ "message": "You made an invalid request", status: 401 })
    }
}

answered Sep 22, 2021 at 21:42

w. Patrick Gale

2,50718 silver badges24 bronze badges

Comments

Abhay Phougat · Accepted Answer · 2023-07-29 20:13:34Z

0

you can as well use html-to-text in case you need html to text conversion as can be seen in few answers to this question.

const { convert } = require('html-to-text');
// There is also an alias to `convert` called `htmlToText`.

const options = {
  wordwrap: 130,
  // ...
};
const html = '<div>Hello World</div>';
const text = convert(html, options);
console.log(text); // Hello World

answered Jul 29, 2023 at 20:13

Abhay Phougat

4103 silver badges7 bronze badges

Comments

Muhammad Anas · Accepted Answer · 2024-11-27 20:38:30Z

-3

I used jsdom instead of domparser, it works

answered Nov 27, 2024 at 20:38

Muhammad Anas

154 bronze badges

Collectives™ on Stack Overflow

Trying to use the DOMParser with node js

11 Answers 11

Comments

Comments

5 Comments

2 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

Comments

Comments

5 Comments

2 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related