data-attr-get-teste

Benchmark created by Abenr on


Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<input type="text" name="a" data-validate="email" />
<input type="text" name="b" data-validate="url" />
<input type="text" name="c" data-validate="phone" />
<input type="text" name="d" data-validate="sex" />
<input type="text" name="e" data-validate="cpf" />

Setup

var a = document.getElementsByName('a');
    var b = document.getElementsByName('b');
    var c = document.getElementsByName('c');
    var d = document.getElementsByName('d');
    var e = document.getElementsByName('e');
    
    var $a = $('input[name=a]');
    var $b = $('input[name=b]');
    var $c = $('input[name=c]');
    var $d = $('input[name=d]');
    var $e = $('input[name=e]');

Test runner

Ready to run.

Testing in
TestOps/sec
Jquery
$a.data('validate');
$b.data('validate');
$c.data('validate');
$d.data('validate');
$e.data('validate');
ready
JS
a[0].getAttribute('data-validate');
b[0].getAttribute('data-validate');
c[0].getAttribute('data-validate');
d[0].getAttribute('data-validate');
e[0].getAttribute('data-validate');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.