index.html
<!DOCTYPE html>
<html lang="en">
<body>
<p id="p1"></p>
<ul>
<li class="lis">home</li>
<li class="lis">Contact Us</li>
<li class="lis">About Us</li>
<li class="lis">Services</li>
</ul>
<script>
//change content of 1st li
document.querySelector('li').textContent="viva";
//changes color of 1st even li
document.querySelector('li:nth-child(even)').style.color='red';
//changes color of 3rd li
document.querySelector('li:nth-child(3)').style.color='blue';
</script>
</body>
</html>
No comments:
Post a Comment