Uz pomoć narednog snippeta koji je napisala Sarah Drasner, korišćenjem jednostavnog algoritma dolazimo do odgovarajuće metode:
See the Pen Array Explorer by Web programiranje (@chos) on CodePen.
U ovome članku sam pokušao da sakupim JavaScript isečke koda (eng. code snippets), koji mogu biti korisni u svakodnevnom radu sa DOM-om. Skoro svi snippet-i su napisani u dve verzije, koristeći samo plain JavaScript ili uz pomoć jQuery biblioteke.
U sledećim primerima je prikazan “event listener” koji čeka trenutak kada je DOM učitan da bi JavScript mogao sa njim da manipuliše. Isto bi se dobilo kada bi JavaScript kod stavili na kraj body-ja tj. ispred samog zatvarajućeg taga “body”.
|
1 2 3 |
document.addEventListener("DOMContentLoaded", function() { // neki kod }, false); |
|
1 2 3 |
$(document).ready(function() { // neki kod }); |
|
1 2 3 |
jQuery(document).ready(function ($) { // neki kod }); |
Dogadjaj load se “okida” tek kad se učita cela stranica sa svim CSS stilovima, slikama…
|
1 2 3 |
window.addEventListener("load", function(event) { console.log("All resources finished loading!"); }); |
|
1 2 3 |
$(window).on('load', function(){ console.log("All resources finished loading!"); }); |