提取并组合所有文本子节点

Question

Suppose I have a node list created by appending text child nodes dynamically as following:

 const container = document.getElementById('container') for (var i = 0;i < 5;i++) { let containerChild = document.createTextNode('a') container.appendChild(containerChild) }

 <div id="container"></div>

Assuming that only text nodes are appended, what is the fastest / most clean way to extract the full text? In the case above, I am looking to get the string aaaaa . Of course I can loop through the parent node container to extract each child and then combine them. Just wondering if there is a better way. Thanks.

Answer 1

The .textContent of the parent will combine them automatically:

 const container = document.getElementById('container') for (var i = 0;i < 5;i++) { let containerChild = document.createTextNode('a') container.appendChild(containerChild) } const text = container.textContent; console.log(text, text.length);

 <div id="container"></div>

( .innerHTML works too)