Herramientas de usuario

Herramientas del sitio


wiki2:js_dom

¡Esta es una revisión vieja del documento!


Lets avoid jQuery

Selectores

document.getElementsByClassName('test')

document.getElementsByClassName('red test')

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

document.getElementsByName(elementsName);

document.getElementById(resultId)

Elementos en el DOM

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

Acceder al padre: e.parentNode

Propiedades

dataset

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

Luego para acceder:

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

Eventos

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

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

JSON

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);

Notes

Replace a tag

var e = document.getElementsByTagName('span')[0];
var d = document.createElement('div');
d.innerHTML = e.innerHTML;
e.parentNode.replaceChild(d, e);
wiki2/js_dom.1550482653.txt.gz · Última modificación: 2020/05/09 09:24 (editor externo)