I'm using docx.js, which converts docx to html5 in the browser. The function convertContent outputs a NodeList. The issue is I need an HTML/XML string, not a NodeList.

Is there any way to convert a NodeList back into HTML? There are plenty of examples of going the other way or converting it to an array, but none on how to convert it back to HTML.

I'm using docx.js, which converts docx to html5 in the browser. The function convertContent outputs a NodeList. The issue is I need an HTML/XML string, not a NodeList.

Is there any way to convert a NodeList back into HTML? There are plenty of examples of going the other way or converting it to an array, but none on how to convert it back to HTML.

• javascript
• html
• docx

Share Improve this question Follow edited Feb 15, 2014 at 2:54 sinθ asked Feb 15, 2014 at 2:41 sinθsinθ 11.5k2626 gold badges8989 silver badges124124 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

I'm a bit unclear on your question (specifically I need HTML5)

If you want the string representation this will create a string of the html for each node in the list

var html = Array.prototype.reduce.call(nodes, function(html, node) {
    return html + ( node.outerHTML || node.nodeValue );
}, "");

Update: fix textnodes showing up as undefined

Try placing this in console on this site

var htmlstr = Array.prototype.reduce.call($("div")[43].childNodes, function(html, node) {
    return html + ( node.outerHTML || node.nodeValue );
}, "");

console.log(htmlstr);

Several methods available for NodeList, one being values().

let list = document.body.childNodes; //<-- returns NodeList
for (const value of list.values()) {
  myTarget.querySelector("#my-target-element").append(value);
}