João Lavoier jmlavoier

🏠

Working from home

Software developer, husband, runner

jmlavoier / 2017-06-22-living-free-of-jquery-01-exemple.html

Created June 27, 2017 20:40

jmlavoier / 2017-06-22-living-free-of-jquery-02-queryselector.js

Created June 27, 2017 20:41

	const content = document.querySelector('.content');
	let p = document.querySelector('p');
	let pList = document.querySelectorAll('p');

	console.log(p); // <p class="p1">Paragrafo 1</p>

	p = document.querySelector('.content > p.p3');

	console.log(p); // <p class="p3">...</p>
	console.log(pList); // [p.p1, p.p2, p.p3]

jmlavoier / 2017-06-22-living-free-of-jquery-03-other-selectors.js

Created June 27, 2017 20:42

	console.log(document.getElementById('cont')); // <div id="cont" class="content">...</div>
	console.log(document.getElementsByClassName('content')); // [div#cont.content]
	console.log(document.getElementsByTagName('div')); // [div, div, div#cont.content]

jmlavoier / 2017-06-22-living-free-of-jquery-04-parent.js

Created June 27, 2017 20:42

	let p = document.querySelector('.content > p');

	console.log(document.parentNode); // <div id="cont" class="content">...</div>
	console.log(document.parentElement); // <div id="cont" class="content">...</div>

jmlavoier / 2017-06-22-living-free-of-jquery-05-siblings.js

Created June 27, 2017 20:43

	const p = document.querySelector('.p2');

	console.log(p.previousElementSibling); // <p class="p1">Paragrafo 1</p>
	console.log(p.nextElementSibling); // <p class="p3">...</p>

jmlavoier / 06-children.js

Created June 27, 2017 20:59

	const p = document.querySelector('.content');

	console.log(p.children); // [p.p1, p.p2, p.p3]
	console.log(p.childNodes); // [text, p.p1, text, p.p2, text, p.p3, text]

jmlavoier / 07-challenge-code1.js

Created June 27, 2017 20:59

	const p = document.querySelector('.p1');

	HTMLElement.prototype.parentsByTagName = function(tn) {
	let arrayElements = [];
	let currentEl = this;

	while (currentEl) {
	currentEl = currentEl.parentElement;
	if (!currentEl) return arrayElements;
	if (currentEl.tagName === tn) {

jmlavoier / 08-challenge-code2.js

Created June 27, 2017 21:01

08-challenge-code

	const p = document.querySelector('.p1');

	const parents = function (el) {
	let arrayElements = [];
	let currentEl = el;

	return function findParentByTagName(tn) {
	currentEl = currentEl.parentElement;
	if (!currentEl) return arrayElements;
	if (currentEl.tagName === tn) {

jmlavoier / 09-create-element.js

Created June 27, 2017 21:02

	const div = document.createElement('DIV');

	console.log(div); //<div></div>

jmlavoier / 10-create-element-ns.js

Created June 27, 2017 21:02

	const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');

	console.log(svg); //<svg></svg>