jsDOM

Dnes jsem původně pro svou potřebu naprogramoval velmi jednoduchou funkci, kerá velmi usnadňuje vytváření DOM pomocí JavaScriptu. Nazval jsem jí jednoduše jsDOM. Můžete se podívat na malou ukázku, či si ho stáhnout.
Použití je velmi jednoduché. Například takto může vypadat script, který vytvoří jednoduchou tabulku:

 document.body.appendChild(
 TAG.table({},
 TAG.tr({},
 TAG.th('ID'),
 TAG.th('Jméno'),
 TAG.th('Příjmení')
 ),
 TAG.tr({},
 TAG.td('1'),
 TAG.td('Jan'),
 TAG.td('Janoušek')
 ),
 TAG.tr({},
 TAG.td('2'),
 TAG.td('Michal'),
 TAG.td('Nogol')
 )
 )
 );


Jak vidíte, použití je úplně jednoduché. Zápis je vždy „TAG.název tagu({parametry}, další tagy)“


Takže například „TAG.a({href:’http://www.google.com’, onclick:function(){alert(‘Vstupujete na stránku Google.com !’);}})“


Nakonec stačí DOM aplikovat pomocí metody appendChild.


V čem je tento způsob vytváření DOM výhodný?


    

  1. Události se na rozdíl od použití innerHTML mohou odkazovat do objektů, kde vznikly (pomocí call()) – což je důvod, proč jsem tuto funkci vytvořil.
    2. 

  2. Je to rychlejší, než psát pořád dokola document.createElement(), document.appendChild() a přiřazovat attributy
    3. 



								
Tags: , 

				

					
						
						
					
				


			

		


	



			

	 






Váš komentář




	




































		

			
 
		
		







	

		

			
« 

			
 »