How to Change Opacity of Paragraph in JavaScript?

JavaScript – Change the Opacity of Paragraph

To change the opacity of a paragraph using JavaScript, get the reference to the paragraph element, and assign the specific 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 paragraph using JavaScript.