Working around the size limit for nodeValue in the DOM#

TIL that nodeValue in the DOM has a size limit!

I had a table cell element containing HTML-escaped JSON and I was doing this:

1
data = JSON.parse(td.firstChild.nodeValue);

This was breaking on larger JSON strings. It turns out that beyond a certain length limit browsers break up large chunks of text into multiple DOM text nodes.

The solution, via Stackoverflow, was this:

1
const getFullNodeText = (el) => {
2
    // https://stackoverflow.com/a/4412151
3
    if (!el) {
4
        return '';
5
    }
6
    if (typeof(el.textContent) != "undefined") {
7
        return el.textContent;
8
    }
9
    return el.firstChild.nodeValue;
10
};