Methods to Select 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 id -->
<p id="intro">Hello</p>

Copy
// Selecting the element and changing its content using JavaScript
const introElement = document.getElementById('intro');
introElement.textContent = 'Welcome';

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

Copy
<!-- Multiple <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
// Selecting all elements with <p> tag using JavaScript
const paragraphs = document.getElementsByTagName('p');

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