Run results for: Text.data vs Text.nodeValue

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.193 Safari/537.36

Browser: Chrome 86

Operating system: Mac OS X 10.14.6

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Text.data	5493.7 Ops/sec
Text.nodeValue	5309.0 Ops/sec
Text.data with check against old value	2690.2 Ops/sec
Text.nodeValue with check against old value	2640.0 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