KraZhtest - Liens utiles - C'est le bordel 26/05/2015 Mémo. DOM manipulations en javascript.
{code
##Addition:
document.body.appendChild(div);
##Style manipulation:
> Positioning:
div.style.left = '32px'; div.style.top = '-16px';
> Classes:
div.className = 'ui-modal';
##Modification:
> ID
div.id = 'test';
> contents (using HTML):
div.innerHTML = '<span class="msg">Hello world.</span>';
> contents (using text):
div.textContent = 'Hello world.';
##Removal:
div.parentNode.removeChild(div);
##Accessing:
> by ID:
div = document.getElementById('test');
> by tags:
array = ocument.getElementsByTagName('div');
> by class:
array = document.getElementsByClassName('ui-modal');
> by CSS selector (single):
div = document.querySelector('div #test .ui-modal');
> by CSS selector (multi):
array = document.querySelectorAll('div');
##Relations (text nodes included):
> children:
node = div.childNodes[i];
> sibling:
node = div.nextSibling;
##Relations (HTML elements only):
> children:
element = div.children[i];
> sibling:
element = div.nextElementSibling;
code}