Selecting Elements and Adding Events

Question 1

document.getElementById

Answer 1

• returns a reference to the element by its ID
• element is a reference to an Element object, or null if an element with the specified ID is not in the document
• id is a case-sensitive string representing the unique ID of the element being sought.

Question 2

document.getElementsByTagName

Answer 2

• returns an HTMLCollection of elements with the given tag name
  
  • HTMLCollection is an interface representing a generic collection (array) of elements (in document order) and offers methods and properties for selecting from the list
• elements is a live HTMLCollection of found elements in the order they appear in the tree
• name is a string representing the name of the elements
  
  • the special string “*” represents all elements

Question 3

Select the H1 tag with the id of full_name and assign it to the variable fullName

Answer 3

var fullName = document.getElementById(“full_name”);

Question 5

Select the second SPAN element on the page and assign it to the variable lastName

Answer 5

var lastName = document.getElementsByTagName(“span”)[1];

Question 6

GlobalEventHandlers.onclick

Answer 6

The onclick property returns the click event handler code on the current element

Question 7

Assign the greeting event handler to the click event on the sayButton

Answer 7

sayButton.onclick = greeting;