Test if the HTML attribute tabindex is present and get the value

Javascript Web Development Front End Scripts

To get the value of the HTML attribute, try the following:

$("#demo").attr("tabindex")

The attr() method can be used to either fetch the value of an attribute from the first element in the matched set or set attribute values onto all matched elements.

You can also use the hasAttribute() method to see if there is an attribute for an element.

Example

Try to run the following code to learn how to use hasAttribute() method:

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
            $('button').on('click', function() {
               if (this.hasAttribute("style")) {
                  alert('True')
               } else {
                  alert('False')
               }
            })
         });
      </script>
   </head>

   <body>
      <button class = 'button' style = 'background-color:blue;'>
         Button
      </button>
      <button class = 'button'>
         Button 2
      </button>
   </body>
</html>

Nitya Raut

Updated on: 29-Jan-2020

250 Views

Kickstart Your Career

Get certified by completing the course

Get Started