Lisätään tänne uutta sisältöä
Toinen div
Kolmas div
CSS
HTML
<div class="tyyli" id="tunniste"> Lisätään tänne uutta sisältöä </div> <div class="tyyli" id="tunniste2"> Toinen div </div> <div class="tyyli"> Kolmas div </div>
Javascript
// haetaan ensimmäinen div, jonka class on tyyli let div = document.getElementsByClassName("tyyli")[0]; // tulostetaan elementin tietoja console.log( div.tagName, div.id, div.clientHeight, div.clientWidth, div.textContent ); // tulostetaan seuraavan sisarelementin tietoja console.log( div.nextElementSibling.tagName, div.nextElementSibling.id, div.nextElementSibling.clientHeight, div.nextElementSibling.clientWidth, div.nextElementSibling.textContent ); // tulostetaan seuraavan sisarelementin tietoja console.log( div.nextElementSibling.nextElementSibling.tagName, div.nextElementSibling.nextElementSibling.id, div.nextElementSibling.nextElementSibling.clientHeight, div.nextElementSibling.nextElementSibling.clientWidth, div.nextElementSibling.nextElementSibling.textContent );
Konsoli