Hybrid 6 cont.

Question 1

<ul>
<li> id="item-1">HTML for content</li>
<li> id="item-2">CSS for presentation</li>
<li> id="item-3">JavaScript for functionality</li>
</ul>

How can we select all the li elements?

Answer 1

document.getElementsByTagName(“li”)

Question 2

T/F - getElementbyClassName() and getElementsByTagName() return an array-like list of the matched elements even if the match is for a single element

Answer 2

True

Question 3

document.getElementsByClassName(“test”).innerHTML= “Hello”;

Will change what?

Answer 3

THe first element that has the class name “test”

Question 4

T/F - JavaScript only provides one way to add Event Listeners to Elements

Answer 4

False

Question 5

How can you retrieve an element with the id “first”? 2 ways

Answer 5

document.querySelector(#first)
document.getElementById(“first”)

Question 6

T/F - Scripting languages can accomplish tasks quickly without concern for machine efficiency because it is interpretable and dynamically typed language

Answer 6

True

Question 7

What is the first step in adding event handling to your JavaScript code?

Answer 7

Identifying the DOM node the interactive behaviour will be attached to

Question 8

IF your html code cotains the follow element:

<p> The quick brown fox jumped the fence </p>

The following javascript code will change the color of the paragraph to red?

document.fox.style.color = “red”;

Answer 8

False