childNodes Kullanım Örneği

by greench

HTML

<p>
    Element Bir
    <span>
        İlk sonuç
    </span>
    <span>
        İkinci sonuç
    </span>
    <span>
        Üçüncü sonuç
    </span>
</p>
<p>
    Element İki
    <span>
        İlk sonuç
    </span>
    <span>
        İkinci sonuç
    </span>
    <span>
        Üçüncü sonuç
    </span></p>
<p>
    <span>
        İlk sonuç
    </span>
    <span>
        İkinci sonuç
    </span>
    <span>
        Üçüncü sonuç
    </span></p>
<div id="sonuc"></div>

CSS

#sonuc{

    border:1px solid red;
    width:100px;
    height:100px;
}

JavaScript

document.getElementById("sonuc").innerHTML =
    document.getElementsByTagName("p")/* Tüm p elementlerinin bir bir dizisi*/
    [0]/* p elementlerinin dizisinden ilk element, içeriği "element Bir" olan ve başka 3 span elementi içeren element*/
    .childNodes.length /* bu elementin çocukları */