innerHTML not working on node

Question

In my script node1.data & node1.textContent are working perfectly but node1.innerHTML is not displaying anything, and I'm not getting why.

var text = [];
function getN(node1) {
    textNodesUnder(node1, text);
    return text.join("");
}
function textNodesUnder(node1, text) {
    if (node1.nodeType == 3) {
        text.push(node1.innerHTML);
        document.write(node1.textContent + "<br>");
    }
    var children = node1.childNodes;
    for (var i = 0; i < children.length; i++) {
        textNodesUnder(children[i], text);
    }
}

and

<body onload="alert('The document content is ' + getN(document))" >

Do not use document write – epascarello Jul 09 '15 at 16:46 — epascarello, Jul 09 '15 at 16:46

score 1 · Answer 1 · answered Jul 09 '15 at 16:48

1

At that point node1 is a reference to the document object. Which indeed does not have the innerHTML property

answered Jul 09 '15 at 16:48

leo.fcx

6,137
2
21
37

score 0 · Answer 2 · answered Jul 09 '15 at 16:52

0

try document.body.innerHTML as it will give the element that has the inner HTML elements

answered Jul 09 '15 at 16:52

Mark Schultheiss

32,614
12
69
100

score 0 · Answer 3 · edited May 23 '17 at 10:26

0

The Element.innerHTML property sets or gets the HTML syntax describing the element's descendants. Example

document.getElementById("some_element").innerHTML="JavaScript"; //innerHTML is property of element not document

MDN - innerHTML

Useful information regarding JavaScript-innerHTML

edited May 23 '17 at 10:26

Community

1
1

answered Jul 09 '15 at 16:57

SK.

4,174
4
30
48

innerHTML not working on node

3 Answers3