HTML DOM

Question 1

get the element with ID “demo” and change its text to “Hello!”

Answer 1

document.getElementById(“demo”).innerHTML = “Hello!”;

Question 2

get the first paragraph tag and change its text to “Hello!”

Answer 2

document.getElementsByTagName(“p”)[0].innerHTML = “Hello!”;

Question 3

Change the text of the first element that has the class name “test” to “Hello!”.

Answer 3

document.getElementsByClassName(“test”)[0].innerHTML = “Hello!”;

Question 4

get the first image with Id “hero” and change its src attribute to “bob.png”

Answer 4

document.getElementByID(“hero”).src = “bob.png”;

Question 5

get the input field with Id “greeting” and change its value to “hello!”

Answer 5

document.getElementById(“greeting”).value = “Hello!”;

Question 6

get the element with Id “demo” and change its text color to red.

Answer 6

document.getElementById(“demo”).style.color = “red”;

Question 7

get the element with Id “demo” and change its font size to 40 pixels.

Answer 7

document.getElementById(“demo”).style.fontSize = “40px”;

Question 8

get the element with Id “demo” and hide it

Answer 8

document.getElementById(“demo”).style.display = “none”;

Question 9

get the element wth Id “demo” and add an event listener that calls myFunction when clicked

Answer 9

document.getElementById(“demo”).addEventListener(“click”, myFunction);