.innerHTML is not a function

Question

Its so plain simple, I can not comprehend, what is the issue? All DOMs are created before I pick them, used either a document.getElementsByClass or just the dom object created itself, not working... I wonder where did I do wrong?

    var wrapperDom = document.createElement('div');
    wrapperDom.className = 'sticky-state-wrapper';

    var containerDom = document.createElement('div');
    containerDom.className = 'sticky-state-container';

    var targetDom = document.createElement('div');
    targetDom.className = 'sticky-state-target';
    targetDom.style.height='50px';
        targetDom.innerHTML("My Sticky Component");

https://jsfiddle.net/adamchenwei/cv3mpL4k/1/

Well, `innerHTML` is not a function... https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML — elclanrs, Apr 18 '16 at 20:03

score 20 · Accepted Answer · answered Apr 18 '16 at 20:04

20

It's not a function. It's a property. Try this instead:

targetDom.innerHTML = "My Sticky Component";

answered Apr 18 '16 at 20:04

Ori Drori

183,571
29
224
209

score 3 · Answer 2 · answered Apr 18 '16 at 20:04

3

That's because, like elclanrs said, innerHTML is not a function.

Use it like this: targetDom.innerHTML = "My Sticky Component";

answered Apr 18 '16 at 20:04

Vitor Rigoni

573
4
14

.innerHTML is not a function

2 Answers2