[Edit]

JavaScript - get element / node attribute value

1 contributors

2 contributions

0 discussions

0 points

Created by:

Mikolaj

519

In this article, we would like to show you how to get the element / node attribute value in JavaScript.

Quick solution:

xxxxxxxxxx
 
var myElement = document.querySelector('#element-id');  // get element by id
​
myElement.getAttribute(attributeName);  // get the attribute value

Practical example

Edit

In this example, we will get class attribute value of the myDiv element using getAttribute() method.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
  <head>
    <style>
      .blue {
        background: lightblue;
      }
    </style>
  </head>
  <body>
    <div id="my-div" class="blue">This is my div.</div>
    <script>
      var myDiv = document.querySelector('#my-div'); // get element by id
      var attributeValue = myDiv.getAttribute('class');  // get class attribute value
      console.log(attributeValue); 
    </script>
  </body>
</html>