how to show hidden text in inspect element

There are some things you should know when using this attribute, as explained in the spec: See the Pen Accessing a `hidden` element with JavaScript by Louis Lazaris ( on CodePen. Here’s an example where I’m grabbing the innerHTML content of the hidden element with JavaScript: Thus, an element with the hidden attribute is part of the DOM but is not accessible to the user. I’ve done this before using a hidden element, for example, but I would normally hide the element with CSS using something like display: none. The latter part of the definition in the spec is interesting because this indicates that you can place content in a page using the hidden attribute, then access that content via JavaScript for use elsewhere. See the Pen HTML5’s Global `hidden` Attribute by Louis Lazaris ( on CodePen. Note that JavaScript isn’t necessary to use this attribute I’m merely including some scripting to toggle it on and off, to demonstrate its function. Use the button to toggle the hidden value on the affected elements.

Indicates that the element is not yet, or is no longer, directly relevant to the page’s current state, or that it is being used to declare content to be reused by other parts of the page as opposed to being directly accessed by the user.īelow is a demo that uses this attribute. The hidden attribute is a Boolean that, when specified on an element: One that was added a number of years ago in HTML5, and you may have forgotten about, is used on two elements in the following code: Example text.

Common examples include class, id, style, and tabindex.

As you probably know, there are a number of HTML attributes that are considered global because they can be applied to any HTML element.

How to show hidden text in inspect element