| Tulajdonság | Leírás |
|---|---|
| activeElement (aktív elem) | Azt az elemet adja vissza, amely jelenleg fókuszban van a weblap ablakában |
| anchors (horgonyok) | A weblap összes anchor (horgony) elemének listáját adja vissza |
| body (törzs) | Beállítja vagy lekéri a weblap törzselemét |
| cookie | A weblap összes cookie-jának nevét és értékét adja |
| characterSet (karakterkészlet) | A weblaphoz megadott karakterkészletet adja vissza |
| documentElement (dokumentum elem) | A weblap html elemének DOM-objektumát adja vissza |
| documentMode (dokumentum módja) | Azt a módot adja vissza, amelyben a böngészó megjele-níti a weblapot |
| domain | A dokumentum elküldéséhez használt server domain nevét adja vissza |
| embeds (beágyazasok) | A weblap összes embed (beágyazás) elemének listáját adja vissza |
| forms (űrlapok) | A weblap összes form (űrlap) elemének listáját adja vissza |
| head (fej) | A weblap fejelemét adja vissza |
| images (képek) | A weblap összes img (kép) elemének listáját adja vissza |
| lastModified (legutóbbi módosítás) | A weblap legutóbbi módosításának idópontját és dátu-mát adja vissza |
| links (hivatkozások) | A weblap összes anchor és area (terület) elemének lis-táját adja vissza |
| title (cím) | Beállítja vagy lekéri a weblap címét |
| URL | A weblap teljes URL-jét adja vissza |
| Metódus | Leírás |
|---|---|
| createElement () (elem létrehozása) | Hozzáad egy új elemobjektumot |
| createTextNode ( ) (szövegcsomópont létrehozása) | Hozzáad egy úi szövegobjek-tumot |
| getElementbyId (id) (elem lekérése azonositó alapján) | A megadott azonosítóértékú elemobjektumot adja vissza |
| getElementsByClassName (osztály) (elemek lekérése osztálynév alapján) | A megadott osztálynevú elemek listájat adja vissza |
| getElementsByTagName (cimke) (elemek lekérése címkenév alapján) | A megadott elemtípusú elemek listajat adja vissza |
| hasFocus () (fokuszban van) | A true (igaz) értéket adja vissza, ha a weblap az ablak fókusza-ban van |
| write (szöveg) (kiírás) | A megadott szöveget elküldi a weblapra |
| writeln (szöveg) (kiírás új sorral) | Elküldi a weblapra a megadott szöveget, majd azt követóen egy új sor karaktert |
| Tulajdonság | Leírás |
|---|---|
| attributes (attribútumok) | Az objektum attribútumainak listáját adja vissza |
| childElementCount (gyermekelemek száma) | Az objektum gyermekelemeinek sámát adja vissza |
| childNodes (gyermekcsomópontok) | Az objektum gyermekcsomópontjainak listáját adja vissza, beleértve a szöveget és a megjegyzéseket is |
| children (gyermekek) | Csak az objektum gyermekelemeihez tartozó objek-tumcsomópontok listáját adja vissza |
| classList (osztálylista) | Egy objektum osztálynév-attribútumainak listáját adja vissza |
| className (osztálynév) | Egy objektum ostályattribútumának értékét állítja be vagy adja vissza |
| firstChild (elsó gyermek) | Az objektum elsó gyermekobjektumát adja vissza |
| id (azonosító) | Az objektum azonosítójának értékét állítja be vagy adja vissza |
| innerHTML (belsó HTML) | Az objektum HTML-tartalmát állítja be vagy adja vissza |
| lastChild (utolsó gyermek) | Az objektum utolsó gyermekobjektumát adja vissza |
| nodeName (csomópont neve) | Az objektum nevét adja vissza |
| nodeType (csomópont típusa) | Az objektum elemtípusát adja vissza |
| nodeValue (csomópont értéke) | Az objektumhoz tartozó értéket állítja be vagy adja vissza |
| nextSibling (következó testvér) | A fa következó olyan objektumát adja vissza, amely |
| parentNode (szüló csomópont) | az objektummal megegyezó szinten helyezkedik el Az objektum szülóobjektumát adja vissza |
| previousSibling (elózó testvér) | A fa elózó olyan objektumát adja vissza, amely az |
| style (stílus) | objektummal megegyezó szinten helyezkedik el Egy objektum style (stílus) tulajdonságának értékét állítja be vagy adja vissza |
| Metódus | Leírás |
|---|---|
| appendChild (objektum)(gyermek hozzáadása) | Ey új gyermekobjektumot ad hozzá egy meglévő objektumhoz |
| blur () (elhomályosítás) | Eltávolít egy objektumot a fókuszból |
| click () | Az objektumra való egérkattin-tást szimulál |
| cloneNode | (klóncsomópont) Duplikál egy objektumot a DOM-ban |
| contains (objektum) (tartalmazás) | A true értéket adja vissza, ha az objektum tartalmazza a megadott objektumot |
| focus () (fókusz) | Az ablak fókuszába helyezi az objektumot |
| getAttribute (attribútum) (attribútum lekérése) | A megadott objektumattribútum értékét adja vissza |
| getElementsByClassName (osztály) (elemek lekérése osztálynév alapján) | A megadott ostálynevú osztályok listáját adja vissza |
| getElementsByTagName (címke) (elemek lekérése címkenév alapján) | A megadott címkenevú osztályok listáját adja vissza |
| hasAttribute （attributum） (attribútummal rendelkezik) | A true értéket adja vissza, ha az objektum tartalmazza a megadott attribútumot |
| hasAttributes () (attribútumokkal rendelkezik) | A true értéket adja vissza, ha az objektum bármilyen attribútumot tartalmaz |
| hasChildNodes () (gyermekcsomópontjai vannak) | A true értéket adja vissza, ha az objektum bármilyen gyermekobjektumot tartalmaz |
| insertBefore (objektum) (beszúrás elé) | A megadott objektumot beszúrja az objektum elé |
| removeAttribute (attribútum) (attribútum eltávolítása) | Eltávolítja a megadott attribútumot az objektumból |
| removeChild (objektum) (gyermek eltávolítása) | Eltávolítja a megadott gyermek-objektumot a szülöobjektumból |
| replaceChild (objektum) | A gyermekobjektumot a megadott objektumra cseréli |
| setAttribute (attribútum) | Az objektum megadott attribútumát a megadott értékre állítja be |
| toString () (stringgé alakítás) | Az objektumot szrtinggé konvertálja |
| Tulajdonság | Leírás |
|---|---|
| autocomplete (automatikus kiegészítés) | Beállítja vagy lekéri az autocomplete attribútum értékét |
| autofocus (automatikus fókusz) | Azt állítja be vagy kéri le, hogy a szövegmezó az ablak fókuszába kerül-e a weblap betöltésekor |
| defaultValue (alapértelmezett érték) | Beállítja vagy lekéri a szövegmezóhöz társított alapértelmezett értéket |
| disabled (letiltva) | Azt állítja be vagy kéri le, hogy a szovegmezó le van-e tiltva az úrlapon |
| form (úrlap) | Azt a szülóúrlapot kéri le, amelybe a szövegmezó tartozik |
| list (lista) | A szövegmezóhöz társított adatlistát kéri le |
| maxLength (maximális hossz) | Beállítja vagy lekéri a szövegmezó maximális hosszát |
| name (név) | Beállítja vagy lekéri a szövegmezó name attri-bútumát |
| pattern (minta) | Beállítja vagy lekéri a szövegmezó pattern att-ribútumát |
| placeholder (helyórzó) | Beállítja vagy lekéri a szövegmezó placeholder attribútumát |
| readonly (írásvédett) | Azt allitja be vagy kéri le, hogy a szövegmezó irásvédett-e |
| required (kotelezo) | Azt állitja be vagy kéri le, hogy a szövegmezó az úrlap kötelezöen kitöltendó mezöje-e |
| size (méret) | Beállitja vagy lekéri a szövegmezó size attribú-tumának értékét |
| type (típus) | Azt kéri le, hogy a szövegmezó milyen típusú elem |
| value (érték) | Beállítja vagy lekéri a szövegmezó value attribútumát |
| Tulajdonság | Leírás |
|---|---|
| autofocus | Azt állítja be vagy kéri le, hogy a jelölónégyzet a fókuszba kerül-e a weblap betöltésekor |
| checked (bejelölve) | Beállítja vagy lekéri a jelölónégyzet állapotát |
| defaultChecked | (alapértelmezés szerint bejelölve) A jelölónégyzet alapértelmezett állapotát kéri le |
| defaultValue | (alapértelmezett érték) A jelölónégyzethez társitott alapertelmezett értéket kéri le |
| disabled (letiltva) | Azt allitja be vagy kéri le, hogy a jelölónégyzet le van-e tiltva |
| form (úrlap) | Azt a szülóúrlapot kéri le, amelybe a jelölónégyzet tartozik |
| intermediate (köztes) | Beallitja vagy lekéri a jelölónégyzet köztes állapotát |
| name (név) | Beallitja vagy lekéri a jelölónégyzet-elemhez tár-sitott nevet |
| required (kötelezó) | Azt allitja be vagy kéri le, hogy a jelölónégyzetet kötelezó-e bepipálni az úrlap elküldéséhez |
| type (típus) | Azt kéri le, hogy a jelölónégyzet milyen típusú elem |
| value (érték) | Beállitja vagy lekéri a jelölónégyzethez társított értéket |
ciklusfeltétel, ciklusmag, értéknövelés/értékcsökkentés.
Magyarázat:
1. sorban a szam változó felveszi a 4-es értéket,
2. sorban megfogalmazzuk a ciklusfeltételt (szam nem egyenlő 6), 3-as és 4-es sorban található a ciklusmag.
A 3-as sorban kiírjuk, hogy végtelen ciklus, 4-es sorban csökkentjük a szam változó értékét 1-el így sosem éri
el a 6 –os számot, ami a ciklusfeltételben szerepel végtelen ciklust hoztunk létre.
Ha egy vagy több műveletet többször szeretnénk végrehajtani.
Ha tudjuk, hogy hányszor kell ismételni.
Kezdőértékadás: let i = 0
Ciklusfeltétel: i < 5 Értéknövelés vagy értékcsökkentés: i++ (i-- vagy i = i + 3) iklusmag: console.log(i + 1); //ide írjuk az ismétlődő tevékenységet vagy tevékenységeket
Ismételd valahányszor, kérjunk be 8 db számot, kérjük be 5 felhasználó adatait intervallumvizsgálat, adatszerkezetbejárás - menjunk végig egy tömbbön Leggyakrabban használt ciklusfajta, az adatszerkezetek bejárása miatt.
Kérjük be az intervallum kezdő és végértékét (pozitiv szám), majd ebben az intervallumban írjuk ki a konzolra a 3-mal és 4-gyel maradék nélkül osztható számokat! Ha nem volt olyan szám, ami megfelel a feltételnek, akkor erről tájékoztassuk a felhasználót! console.log("Feladat4: intervallum, kezdő és végérték pozitív szám majd kiírás 3 és 4-el osztahtó számokat");
var start = Number(prompt("Kérem adja meg a kezdőértéket: ")); var end = Number(prompt("Kérem adja meg a végértéket: ")); let isNumberExsist = false; if (start < end && start > 0 && end > 0) { for (var i = start; i <= end; i++) { if (i % 3 === 0 && i % 4 === 0) { console.log(i); isNumberExsist = true; } } } else { alert("Hibás értéket adott meg!"); //nem kéri be újra az értéket - do-while, while-al megoldható } if (!isNumberExsist) { alert("Nincs olyan szám az intervallumban, ami osztható 3-mal és 4-gyel m.n."); } //vezérlési szerkezetek egymásba ágyazhatóak, akár több szinten, de 2-3 szintnél // ne legyen több - CC alapján // Hibás felépítés: // if (){ // if (){ // for(){ // if(){ // // }else { // for(){ // } // } // } // } // ) else { // while(){ // // } // } // ciklomatikus komplexitás: fenti kódnak magas // megoldás: függvények, eljárások használataKérjük be 5 darab számot, majd külön-külön mindegyik számról, döntsük el azt, hogy osztható -e 3-mal maradék nélkül! Tömbhasználat nélkül!!! // Az eredményt felugró ablakban jelenítsuk meg!
//CC code smell - bad pratice // let szam1 = Number(prompt("Kérem adja meg egy számot: ")); // let szam2 = Number(prompt("Kérem adja meg egy számot: ")); // let szam3 = Number(prompt("Kérem adja meg egy számot: ")); // let szam4 = Number(prompt("Kérem adja meg egy számot: ")); // let szam5 = Number(prompt("Kérem adja meg egy számot: ")); console.log("Feladat05 megoldása: "); for (var i = 0; i < 5; i++) { var number = Number(prompt("Kérem, adjon meg egy számot:")); if (number % 3 == 0) { alert(number + " osztható 3-mal maradék nélkül!"); } else { alert(number + " nem osztható 3-mal maradék nélkül."); } }500 és 600 között írjunk ki minden 3. számot a konzolra! console.log("Feladat5: 500-600 között minden harmadik szám consoleon");
var start = 500; var end = 600; var step = 3; for (var i = start; i <= end; i = i + step) { console.log(i); }Keződérték kimarad, ha előtt 0-val deklaráltam
let k = 0; console.log("Speciális szintakszis:"); for (; k < 6; k++) { console.log(k); //0 1 2 3 4 5 }Elöltesztelős ciklus:
Nem tudjuk, hogy hányszor kell lefuttatni,
Elöször megnézi a ciklusfeltételt, ha igaz, akkor végrehajta, amit ciklusmagban talál.
Feladatokban: addig, amig