How to Change Opacity of Div in JavaScript?

JavaScript – Change the Opacity of Div

To change the opacity of a div using JavaScript, get reference to the div element, and assign required opacity value to the element.style.opacity property.

Opacity value ranges from 0 to 1. For example, 0.2, 0.3, 0.8, 0.45, etc., are some of the values that can be assigned to opacity property.

Example

Conclusion

In this JavaScript Tutorial, we learned how to change the opacity of a div using JavaScript.