• http://youmightnotneedjquery.com/

document.getElementsByClassName('test')

document.getElementsByClassName('red test')

document.getElementById('main').getElementsByClassName('test')

document.getElementsByName(elementsName);

document.getElementById(resultId)

document.getElementsByTagName('span')[0];

var i = btn.getElementsByTagName('i');

Crear elemento: var d = document.createElement('div');

Acceder al padre: e.parentNode

document.getElementById(“MyElement”).classList.add('MyClass');

document.getElementById(“MyElement”).classList.remove('MyClass');

if ( document.getElementById(“MyElement”).classList.contains('MyClass') ) document.getElementById(“MyElement”).classList.toggle('MyClass');

<p id="parraf" data-id="1" data-source="component" .../>

Luego para acceder:

var identifier = document.getElementsById('parraf').dataset.id;

<... onchange="javascript:manageCheck(this, event);" />

function manageCheck(element, event) {
  event.stopPropagation();
}

var elems = [];
elems.push('1');
elems.push('2');
elems.push('3');
$('#input_hidden_field').val(JSON.stringify(elems)); //store array
var value = $('#input_hidden_field').val(); //retrieve array
value = JSON.parse(value);

var e = document.getElementsByTagName('span')[0];
var d = document.createElement('div');
d.innerHTML = e.innerHTML;
e.parentNode.replaceChild(d, e);