How to Show Hidden HTML Elements using Javascript?

Published: 23 Mar, 2024 Asked By 1 Answers Answered

Here is my HTML code

    <p id="para" style="display:none;">This is a HTML code</p>
    <button type="button">Click Here to change the p tag Font Size</button>

I want to show the id para when clicking the button. How to do this using Javascript?

js show hidden html elements

1 Answer

Sahadha Community Contributor Answered on 15 May, 2024

<button type="button" onclick="show()">Click Here to show the hidden paragraph</button>

function show() {

var s = document.getElementById('para');

para.style.display = 'block';

}

</script>

Prepare for interviews with curated question sets.

Ask your coding-related doubts and get answers.

Earn certifications to enhance your resume.

Hands-on projects to improve your skills.

Test your knowledge with interactive quizzes.

Prepare for interviews with curated question sets.

Add your technical blogs and read technical topics.

Earn certifications to enhance your resume.