element.innerHTML = 'test' not setting inner html, in node with node-html-parser

Question

Can not do a replace operation, or set innerHTML or innerText on dom nodes in node with node-html-parser.

    var HTMLParser = require('node-html-parser');

    var content = `<h1>H1 Tag</h1> <img class="responsive-img img-wrap-right" src="/uploads/small_overwhelmed_debt_85b1046163.png?7215450.285000001" /><p> P Tag Contents</p>`
    var html = HTMLParser.parse(content)

    var domNodes = html.querySelectorAll('*')

    for (const element of domNodes) {

      if (element.outerHTML.includes('<p')) {

        element.innerHTML = 'test'
        console.log('element.innerHTML',element.innerHTML)

      }
    }

Output
element.innerHTML P Tag Test

Any idea why I can not set innerHTML?

score 1 · Accepted Answer · answered Jun 09 '23 at 15:40

1

Works just fine. Make sure you have an appropriate node/npm installed. I have

node -v; npm -v
v18.16.0
9.5.1

package.json:

{
  "name": "parser",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "node-html-parser": "^6.1.5"
  }
}

You could also try https://www.npmjs.com/package/jsdom
It's more popular/powerful.

BTW, don' use var for god's sake...

answered Jun 09 '23 at 15:40

Alexander Nenashev

8,775
2
6
17

You think node 16 is the issue? I will test it and follow up. Why no Var? – Greggory Wiley Jun 13 '23 at 14:33
Updating node did not solve it but updating my node-html-parser version did. Thanks for the help! – Greggory Wiley Jun 13 '23 at 14:38
@GreggoryWiley `var` creates a lot of subtle bugs, i find using it dangerous nowadays – Alexander Nenashev Jun 13 '23 at 14:40
1

@GreggoryWiley try `jsdom` package? seems more matured – Alexander Nenashev Jun 13 '23 at 14:41
@GreggoryWiley glad you found the reason. yes i used the latest version so it works ok for me – Alexander Nenashev Jun 13 '23 at 14:54
I usually use Var for variables that I want to be available in child functions without passing them, and let for variables that only scope to the individual function. Is this the wrong idea? Greggory Wiley – Greggory Wiley Jun 13 '23 at 15:16
1

@GreggoryWiley const and let are also available in child function but they are a lot safer to use. read about the difference between var and const/let https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/ – Alexander Nenashev Jun 13 '23 at 16:32

element.innerHTML = 'test' not setting inner html, in node with node-html-parser

1 Answers1