The Palace Museum is a national museum housed in the Forbidden City at the core of Beijing, China. It was established in 1925 after the last Emperor of China was evicted from his palace, and opened its doors to the public.
An id on a <p> tag assigns an identifier to the paragraph.
The identifier must be unique across the page.
An id attribute on a <p> element.
The Palace Museum is a national museum housed in the Forbidden City at the core of Beijing, China. It was established in 1925 after the last Emperor of China was evicted from his palace, and opened its doors to the public.
<article>
<p id="palace">
The Palace Museum is a national museum housed in
the Forbidden City at the core of Beijing, China.
It was established in 1925 after the last Emperor
of China was evicted from his palace, and opened
its doors to the public.
</p>
</article>
The id attribute assigns an identifier to the <p> element.
The id allows JavaScript to easily access the <p> element.
It is also used to point to a specific id selector in a style sheet.
Tip: id is a global attribute that can be applied to any HTML element.
<p id="identifier" />
| Value | Description |
|---|---|
| identifier | A unique alphanumeric string. The id value must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens (-), underscores (_), colons (:), and periods (.). |
A <p> element with a unique id attribute.
Clicking the button displays the number of characters in the paragraph.
The Palace Museum is a national museum housed in the Forbidden City at the core of Beijing, China. It was established in 1925 after the last Emperor of China was evicted from his palace, and opened its doors to the public.
<p id="myparagraph">
The Palace Museum is a national museum housed in
the Forbidden City at the core of Beijing, China.
It was established in 1925 after the last Emperor
of China was evicted from his palace, and opened
its doors to the public.
</p>
<br/>
<button onclick="show();">Show # characters</button>
<script>
let show = () => {
let element = document.getElementById("myparagraph");
let count = element.innerHTML.length;
alert("Character count = " + count);
}
</script>
The id attribute assigns a unique identifier for the <p> element.
Clicking the button calls JavaScript which locates the <p> using the id.
It then counts the number of characters inside the <p> content and displays it in an alert box.
Here is when id support started for each browser:
 Chrome
|
1.0 | Sep 2008 |
 Firefox
|
1.0 | Sep 2002 |
 IE/Edge
|
1.0 | Aug 1995 |
 Opera
|
1.0 | Jan 2006 |
 Safari
|
1.0 | Jan 2003 |
Back to <p>
