Selecting HTML Elements - 1

document.getElementById() is a method used to select an element with a specific id attribute in HTML.

Copy
<!-- HTML p element with an id -->
<p id="intro">Hello</p>

Copy
// Using JavaScript to select the element and change its content
const introElement = document.getElementById('intro');
introElement.textContent = 'Nice to meet you';

document.getElementsByTagName() is a method used to select all elements with a specific tag in HTML.

Copy
<!-- Several <p> elements in HTML -->
<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>
<p>This is the third paragraph.</p>

Copy
// Using JavaScript to select all elements with <p> tags
const paragraphs = document.getElementsByTagName('p');

for (let para of paragraphs) {
  para.style.color = '';
}