JavaScript Example (Program)
Learn Details

1. what is hasAttribute ?

Ans : यह method किसी element के अंदर उसके साथ attribute है या नहीं check करता है और उसके बाद Boolean (true / false) को return करता है।

Syntax :

.hasAttribute("attribute_name")

2. what is haschildNodes ?

Ans : यह method किसी element के अंदर उसके child है या नहीं check करता है और उसके बाद Boolean (true / false) को return करता है।

Syntax :

.hasChildNodes()

Example

HTML Code


   <html>
   <head> </head>
    <body> 
       <div class="teach"></div>

                  <!--example 2-->
               <ul class="teachbox">
                  <li><img src="https://www.teachcoders.com/images/basic-javascript.jpg"><p>hello world</p></li>
                  <li><img src="https://www.teachcoders.com/images/basic-javascript.jp"><p>hello world</p></li>
                  <li><img src="https://www.teachcoders.com/images/basic-javascript.jp"><p>hello world</p></li>
                  <li><img src="https://www.teachcoders.com/images/basic-javascript.jp"><p>hello world</p></li>
               </ul>
    </body>
     </html>
   
  
-----------------------------------------------
 EXAMPLE 1 : hasAttribute
 -----------------------------------------------
<script>
   var my_element = document.querySelector("ul");
    var cheack_attribute = my_element.hasAttribute("class");
    console.log(cheack_attribute)
</script>

-----------------------------------------------
 EXAMPLE 2 : hasChildNodes
 -----------------------------------------------
<script>
    var my_element = document.querySelector("ul");
    var cheack_attribute = my_element.hasChildNodes();
    console.log(cheack_attribute)
</script>




 
 
  
  

Css Code


     <style>
  ul{
    display:flex;
  }
    ul li{
      width:20%;
      list-style:none;
    }
      ul li caption{
   width: 112%;
    text-align: center;
    display: block;
    font-size: 25px;
    padding-top:10px;
      }
    ul li img{
      width:100%;
    }
  </style>