Plug in the following body in your html code:
<body>
<ul>
<li>Mind</li>
<li>full</li>
<li>ness</li>
</ul>
</body>
Try the following to practice traversing DOM:
console.log(document.body.firstElementChild);
console.log(document.body.firstElementChild.firstElementChild);
console.log(document.body.firstElementChild.firstElementChild.nextElementSibling);
console.log(document.body.lastElementChild);
console.log(document.body.firstElementChild.parentElement);
Practice at:
http://jsbin.com
<body>
<ul>
<li>Mind</li>
<li>full</li>
<li>ness</li>
</ul>
</body>
Try the following to practice traversing DOM:
console.log(document.body.firstElementChild);
console.log(document.body.firstElementChild.firstElementChild);
console.log(document.body.firstElementChild.firstElementChild.nextElementSibling);
console.log(document.body.lastElementChild);
console.log(document.body.firstElementChild.parentElement);
Practice at:
http://jsbin.com
No comments:
Post a Comment