Sunday, 7 August 2022

Changing contents and formatting text using getElementsByClassName()

 index.html file

<!DOCTYPE html>
<html lang="en">
<body>
<ul class="uls">
    <li class="lis">home</li>
    <li class="lis">services</li>
    <li class="lis">contact us</li>
    <li class="lis">about us</li>
</ul>  
<script>
    const item=document.getElementsByClassName('lis');
    console.log(item);
    item[0].style.color='blue';
    item[1].textContent='Viva';
    item[2].style.background='gray';
    item[3].style.color='red';
</script>
</body>
</html>








No comments:

Post a Comment

Regular Expressions In JS

 index.html file <! DOCTYPE html > < html lang = "en" > < body > < script > let re ; re = /hello/ i ;  ...