javascript - how to use document.getElementById() in Nodejs - Stack Overflow

admin管理员组

文章数量:1339702

i'm trying to get elements by id from an html file in a js file using nodejs. I'm getting the error 'document id not defined' because node doesn't provide a document object model by default.

So how can i use document.getElementById() in nodejs ?

Thank you !

i'm trying to get elements by id from an html file in a js file using nodejs. I'm getting the error 'document id not defined' because node doesn't provide a document object model by default.

So how can i use document.getElementById() in nodejs ?

Thank you !

• javascript
• node.js
• document
• getelementbyid
• dom-node

Share Improve this question Follow asked Sep 10, 2018 at 11:25 Sarah ßeziSarah ßezi 10911 gold badge33 silver badges66 bronze badges 2

• 2 node.js programs don't run in a browser. There is no document in the first place. Are you asking how to parse an HTML file in node.js? – user5734311 Commented Sep 10, 2018 at 11:27
• 3 Possible duplicate of How do I parse a HTML page with Node.js – user5734311 Commented Sep 10, 2018 at 11:28

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

If you want to parse files within the same server you should probably use some of this options, because nodejs it's just a JavaScript implementation, There is no window or document object, see this. But to answer exactly your question:

how can I use document.getElementById() in nodejs ?

You could do it using Puppeteer

Puppeteer is a Node library which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome or Chromium.

Here a basic example:

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();


        page = await browser.newPage();
        await page.goto('http://example./some.html', {waitUntil: 'load'});


    const newPage = await page.evaluate(() => {

        return  document.getElementById("idexample").innerHTML;

        });

     console.log(newPage)

  })();

Use JSDOM npm package:

jsdom is a pure-JavaScript implementation of many web standards, notably the WHATWG DOM and HTML Standards, for use with Node.js. In general, the goal of the project is to emulate enough of a subset of a web browser to be useful for testing and scraping real-world web applications. https://github./jsdom/jsdom

本文标签： javascripthow to use documentgetElementById() in NodejsStack Overflow