MeasureThat.net

Run results for: Shorthand set/getAttribute vs native

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/601.7.8 (KHTML, like Gecko) Version/9.1.3 Safari/601.7.8
Safari 9
Mac OS X 10.11.6
Other
8 years ago
Test name Executions per second
Shorthand 215.7 Ops/sec
Native 234.6 Ops/sec
HTML Preparation code:
AخA
 
1
<div id="test-subject" data-test="foo"></div>
Tests:

  • Shorthand

     
    function attr(element, attribute, value) {
        if (value) {
            element.setAttribute(attribute, value);
            return;
        }
        return element.getAttribute(attribute);
    }
    var test_subject = document.getElementById("test-subject");
    var i = 1000;
    while (i--) {
        attr(test_subject, 'data-test', i);
        test_subject.innerHTML = attr(test_subject, 'data-test');
    }

  • Native

     
    var test_subject = document.getElementById("test-subject");
    var i = 1000;
    while (i--) {
        test_subject.setAttribute('data-test', i);
        test_subject.innerHTML = test_subject.getAttribute('data-test');
    }