Run results for: Text.data vs Text.nodeValue

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:84.0) Gecko/20100101 Firefox/84.0

Browser: Firefox 84

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Text.data	5495.2 Ops/sec
Text.nodeValue	5674.4 Ops/sec
Text.data with check against old value	1758.1 Ops/sec
Text.nodeValue with check against old value	1682.1 Ops/sec

Script Preparation code:

function randomString(length) {
    let result = "";
    const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
    for (let i = 0; i < length; i++) {
        result += characters.charAt(Math.floor(Math.random() * characters.length));
    }
    return result;
}

var randomStrings = Array.from({
    length: 1000
}, () => randomString(100));

var text = document.createTextNode("");

Tests:

Text.data
for (const s of randomStrings) { text.data = s; }
Text.nodeValue
for (const s of randomStrings) { text.nodeValue = s; }
Text.data with check against old value
for (const s of randomStrings) { if (text.data !== s) { text.data = s; } }
Text.nodeValue with check against old value
for (const s of randomStrings) { if (text.nodeValue !== s) { text.nodeValue = s; } }

Run results for: Text.data vs Text.nodeValue

Text.data

Text.nodeValue

Text.data with check against old value

Text.nodeValue with check against old value