JS Ders 99 Düğümler Arası Gezinme

preview_player
Показать описание
javascript ile düğümler arası gezinmeyi gösterdim. parentNode, nextSibling,previousSbling, childNodes,children, firstChild,lastChild vs. kodların kullanımını anlattım
Yeni videolardan haberdar olmak için abone olabilirsiniz!
Not! Reklam Engelleyici Kullanmayarak Emek Verenlere Destek Olun
  1. Fehmi UYAR
  2. javascript
  3. javascript dersleri
  4. detaylı javascript dersleri
  5. javascript eğitim seti
  6. html dom nodes
Рекомендации по теме
JS Ders 99 0:30:52

JS Ders 99 Düğümler Arası Gezinme

JS Ders 98 0:18:39

JS Ders 98 HTML DOM Düğümlerini Javascript ile Kullanmak

JS Ders 103 0:08:57

JS Ders 103 Sayfayı Süreli Yönlendirme Uygulaması

JS Ders 97 0:32:30

JS Ders 97 HTML DOM Nodes Mantığı

JS Ders 101 0:08:13

JS Ders 101 Gizle Göster Uygulaması

JS Ders 96 0:08:48

JS Ders 96 removeEventListener

JS Ders 120 0:09:45

JS Ders 120 Ecmascript 6 Generators Kullanımı

JS Ders 119 0:05:05

JS Ders 119 Ecmascript 6 for of kullanımı

JS Ders 89 0:15:48

JS Ders 89 HTML DOM ile HTML Elementlerini Değiştirme

JS Ders 105 0:06:58

JS Ders 105 Karakter Sınırlama Uygulaması

JS Ders 115 0:13:47

JS Ders 115 get, set, super metodları ile inheritance

JS Ders 116 0:02:23

JS Ders 116 classlara dışarıdan nasıl ulaşılır

JS Ders 111 0:07:52

JS Ders 111 Ecmascript 6 Default Parameters (Varsayılan Parametreler)

JS Ders 118 0:07:50

JS Ders 118 Ecmascript 6 Spread Operator Kullanımı

JS Ders 95 0:12:32

JS Ders 95 EventListener Kabarcıklanma ve Yakalama Olayları

170- JavaScript Dersleri 0:07:19

170- JavaScript Dersleri - HTML DOM childNodes - Cocuk Etiketleri Saydirma

JS Ders 110 0:15:47

JS Ders 110 Ecmascript 6 const kullanımı

JS Ders 117 0:04:27

JS Ders 117 Ecmascript 6 Template Literals

JS Ders 112 0:06:17

JS Ders 112 Ecmascript 6 Destructuring Assignment (Çoklu Değer Atama)

JS Ders 113 0:07:11

JS Ders 113 Ecmascript 6 Arrow Functions

51-JAVASCRIPT Dersleri, Ajax 0:02:14

51-JAVASCRIPT Dersleri, Ajax XHR Objesi

52-JAVASCRIPT Dersleri, JSON 0:02:32

52-JAVASCRIPT Dersleri, JSON Çalışma Mantığı

JS Ders 8 0:18:59

JS Ders 8 Syntax Rules (Bölüm 2)

Sıfırdan Node.js | 0:33:14

Sıfırdan Node.js | Regular Expressions (Düzenli İfadeler) #46

Комментарии
Автор

Lutfen bu seri bitince bir site yapimini cekin basdan sona html css js hepsini kullanirsaniz cok iyi olur. Anlatim sekliniz muhtesem. Ama bence pratik lazim birazda. Yaptiklariniz ve yapacaklariniz icin tesekkurler .

seyidovmiraga
Автор

''Herhalde vahiyle almasını bekledim'' :D :D :D

akmesut
Автор

Fehmi qardaş. Bakıdan salamlar. Allah sizi qorusun.

mntiqdunyasi
Автор

Hocam sizi pamuklara sarmalı çok iyi bir öğreticisiniz. hem de iyi ve yardımsever bir insansınız. Bahtınız açık olsun.

onuraltuntas
Автор

bu ders icin birden fazla begenme dugmesi olsaydi tiklamaya degerdi, tesekkurler.

turxanyusubov
Автор

Müüükemmmmelll resmen düğünleri çok güzel anladım sayenizde. Teşekkürler Hocam

cedric
Автор

Hocam cani gonulden soyluyorum Allah sizden razi olsun <3

saidahmadli
Автор

10:44 burada kaldım, kalsın burada yarın devam edelim ☺

berat__kurt
Автор

İyi günler hocam. Hocam firstChild ile firstElementChild arasında ne fark var? Yani mesela
var x =
x.style.color = 'red';
ve
x =
x.style.color = 'red';
aynı işlemi yapmıyorlarmı hocam? Birini neden diğerine tercih etmeliyiz?

Автор

<body style="background: black; color: white; font-size: larger; font-weight: bold;">

<h3 id="head3" style="margin: 20px 0; text-align: center; font-size: 20px;">You are Division outside brother. You're wrong place.</h3>

<div class="container-fluid mt-3" id="divParent">
<h1 id="head" ajax="open">Javascript</h1>
<p id="p1">Angular JS</p>
<p id="p2">React JS</p>
<p id="p3">PHP</p>
<p id="p4">Node JS</p>
<span id="p8">ColdFusion</span>
</div>

<script>

var elementNodes = document . querySelector('#divParent') . children;
var i;
for (i = 0; i < elementNodes.length; i++) {
elementNodes[i] . style . color = "black";
elementNodes[i] . style . backgroundColor = "white";
elementNodes[i] . style . textAlign = "center";
elementNodes[i] . style . padding = "25px 0";
elementNodes[i] . style . display = "block";
elementNodes[i] . style . fontStyle = "italic";
elementNodes[i] . style . fontWeight = "bolder";
elementNodes[i] . style . letterSpacing = "4px";
}
var elementNodes = document . querySelector('#divParent') . children[1];
elementNodes . style . color = "red";
var elementNodes = document . querySelector('#divParent') . children[3] . nextElementSibling;
elementNodes . style . color = "blue";
elementNodes . style . textDecoration = "underline";
var elementNodes = document . querySelector('#divParent') . lastElementChild . previousElementSibling . previousElementSibling;
elementNodes . style . color = "green";
elementNodes . style . textDecoration = "underline";

</script>
</body>

kihramcizadegiller
Автор

firstelementchild ile children[0] farkı ne?

kihramcizadegiller
Автор

Hocam neden not yerinde next ve previos sibling yazmışsın🤔. nextElementSbling ve previousElementSbling yazmamışsın🙄

ottoskorzeny