General DHTML MCQs

1. What does DHTML Stand For?

2. What value is displayed in the following code? <div id="id">0</div> <script> document.getElementById('id').innerHTML = 1 document.getElementsByTagName('div').innerHTML = 2 document.getElementsByTagName('div')[0].innerHTML = 3 </script>

3. Which of the following is TRUE about code written in <%= %>?

4. Which of the following is true about the function : object.addEventListener(click, doThis, capture)?

5. What technology does DHTML use to produce dynamic content?

6. What does document.getElementById("intro") function returns if "intro" does not exist?

7. Which of the following is not a DOM Mouse Event?

8. True or False? DHTML is a single technology.

9. Which of the following code will display the text “Invisible Man”? <div id="name" class="person">The Invisible Man</div>

10. Event bubbling is useful because of which of the following reasons?

11. Which DHTML technology does the following code utilize? document.write(Date());

12. Which of the following is an INVALID event?

13. Which of the following is TRUE about data binding feature of DHTML?

14. Which of the following is a DHTML technology?

15. True or False. DHTML can be used in conjunction with AJAX.

16. True or False. DHTML can be used in conjunction with HTML5.

17. Which of the following correctly describes Layer attribute "src"?

18. True or False. CSS supports child selector.

19. Which of the following properties/methods would you use to animate a div section moving across the screen?

20. Which of the following is not a typical use of DHTML?

21. Which of the following tags can be used for moving text Up to down or left ot right or vise versa?

22. Which of the following is not a VALID component of DHTML?

23. Which of the following is TRUE about code written in <% %>?

24. Which of the following is TRUE about appendChild(newNode)?

25. Which of the following is an INVALID nodeType?

26. What kind of scripting language is DHTML?

27. Which of the following tags can be used to refer a .css file in a web page?

28. Which DHTML technology does the following code utilize? document.getElementById('id').style.color = 'blue';

29. What is the color of “Rainbow” in the following code? <style> div {color:blue;} </style> <div id="Rainbow" color="green" style="color:red;">Hello World</div> <script> document.getElementById('Rainbow').style.color = 'yellow'; </script>

30. Which of the following code will reliably display the current date in most major browsers?

31. Which of the following events do all Forms have by default?

32. Which of the following is TRUE about function : document.addEventListener("DOMContentLoaded", testFunc, false)?

33. Which of the following will cancel the default action of onclick event in IE?

34. Which of the following functions copies and returns a node?

35. Which statement about the difference between DHTML and HTML is true?

36. Which of the following is NOT TRUE about DOM

37. Which of the following function is used for retrieving a XML file in IE5+?

38. What is the child object appended in the appendChild() method?

39. Which of the following functions can be used to stop the event from traversing the rest of the document?

40. True or False? JQuery is a DHTML technology.

41. Which of the following is FALSE about DIV?

42. What is the difference between font-size and fontSize?

43. Which of the following is a valid way to restrict autocomplete of a form?

44. Which of the following is not a CSS media type?

45. Which of the following is FALSE about SPAN?

46. Which of the following is NOT TRUE about DHTML?

47. Which of the following is FALSE about DHTML?

48. What does the function "document.styleSheets.length" returns?

49. Which of the following is FALSE about DOM?

50. What value is displayed in the following code? <div id="id">0</div> <script> document.getElementById('id').innerText = 1 document.getElementsByTagName('div').innerText = 2 document.getElementsByTagName('div')[0].innerText = 3

51. Which of the following is an INVALID method for accessing HTML attributes using the DOM?

52. Which of the following is FALSE about addEventListener?

53. Which JavaScript elements allow control in DHTML?

54. True or False. The appendChild() method can be used to move an element from one element to another.

55. Which of the following code will flicker the text?

56. What does the Node.nodeType property returns?

57. Which of the following is NOT a way to apply css to a web page?

58. True or False? DHTML is a predecessor of HTML5.

59. What statement about the marquee tag is false?

60. What does element.childNodes return?

61. What is the color of “Rainbow” in the following code? <style> div {color:blue;} </style> <script> document.getElementById('id').style.color = 'yellow'; </script> <div id="id" color="green" style="color:red;">Rainbow</div>

62. What is the difference between DOM Node and Element?

63. Which of the follow link will trigger an alert message that displays ‘myID’?

64. Which of the following is TRUE about cancelling event bubbling and event default action?

65. What is the event name which gets triggered when the submit button is pressed on the form?

66. Which of the following function is used for restricting events to propogate to parent in IE?

67. What is the correct way to access a parent node?

68. Which of the following is not a DHTML technology?

69. Which of the following is not a DOM Event Property?

70. Which of the following attributes is not involved in layer?

71. What does document.body.nodeType returns?

72. Which of the following has the higest priority in CSS?

73. Which of the following is TRUE about replaceChild(Node1, Node2)?

74. What is the color of “Rainbow” in the following code? <style> div {color:blue !important;} </style> <div id="id" color="green" style="color:red !important;">Rainbow</div> <script> document.getElementById('id').style.color = 'yellow !important'; </script>

75. Which of the following is TRUE about iFrame?

76. Which property Removes empty Text nodes, and joins adjacent nodes?

77. Which of the following tags checks the nested body content of a tag and determine whether the specified value is an appropriate substring of the requested variable?

78. Which help you make the text color change to green on moving the mouse over the text?

79. You are collecting the user's details on a webpage form. The id has to be repeated twice on the form, but you want the user to fill it once only. If the name of the first id is id1 and the second (to be auto filled) is id2, which code will you supply to the onkeyup event of id1?

80. Which property is used to redirect a visitor to another page?

81. You do not want the end user to see the JavaScript code embedded in the HTML file when the user views the source of the HTML page. Which help you achieve this?

82. How will you display text as a superscript?

84. You have a button definition as given below: To load an image 'Img2.jpg' as the background of the button on a mouseover event, you can use:

85. What does the code snippet do?

86. The following code snippet is used in form validation, the validate function is supposed to return a true if all validations are successful and false if the validation fails. However, the data is always submitted even if the validation fails, what could the cause be?

87. If an image is placed styled with z-index=-1 and a text paragraph is overlapped with it. Which one will come on top?

88. You are developing an application and there is a possibility of certain users using older browser versions. You want to hide the JavaScript code in the browsers that do not support JavaScript. How would you do this?

89. When does the load event of the browser occur?

90. You are developing a website for children. You want to format the borders of big cells (as mentioned below) for some fun game: Left Border:double Right Border:dashed Top Border:dotted Bottom Border:solid Which of the following would be the correct style definition?

91. Consider the following validate function: This function should be called as soon as the user leaves the field. What will you do?

92. Which is true style, if h2 and h3 will be positioned on the top of each other? h2{z-index:1;} h3{z-index:2;}

93. The following statements show two ways of calling a JavaScript function: i)onclick = 'a()' ii)onclick='javascript:a()' a() refers to a function written in JavaScript. Which statement is correct with regard to the above two statements?

94. You want to delete an element from an options array. How would you do it?

95. You have two images of buttons, one bright and the other one dull. You want to change the dull image into a bright one. Which of the following attributes would you use with the img tag?

96.

Which of the following statements with regard to CSS is correct?

97. You want to display an alert that contains a ' (single-quote) character. Which character would you use to escape the ' character?

98. How would you change the image position from absolute to relative, if the image id is 'ERImage'?

99. This is a JavaScript function for changing the color of the text box named 'txtName': function SetColor(col) { document.forms[0].txtName.style.background=col } How will you change the color of the text box txtName to green, only for the time that the user is pressing any key?

100.

What will the following code snippet do?

<form onreset="alert('Please again fill the form')">

101. Which code snippets is more effective? Why is it so?

102. Consider an HTML form with a checkbox and a text field. When data is entered and the Enter key is pressed, the data seems to be lost before the user can click on the button that calls the processing function. How would you correct this programatically?

103. Which is not a JavaScript event?

105. What is the error in the statement var charConvert = toCharCode('x')?

106. How will you change the color of the paragraph text to blue on placing the mouse over the paragraph, and reset it back when the mouse leaves the paragraph?

107. How will you change the color of the paragraph text to blue on placing the mouse over the paragraph, and reset it back when the mouse leaves the paragraph?

108. You want to move all the paragraphs 30px towards the right relative to their normal position. The style definition should be:

109. How would you test whether or not a browser window is open?

110. You have this image definition: Which would be helpful for changing the image to 'companylogo2.gif' on page load?

111. What is the default value for overflow property?

112. Which code will be useful for disabling the right click event in Internet Explorer?

113. You have created an object. How can you add a property to the object class?

114. Which is not a CSS filter?

115. Which help you import a style sheet named 'ssa.css' in the web page?

116. Given below is a window.open function: window.open(url,name,'attributes') How will you ensure that different URLs open in the same window?

117. For making the text transparent, the mask filter can be used like:

118. You want to validate the value in a field as soon as the user moves out of the field by pressing the tab key. Which of the following events would you use?

119. Which is true?

120. How would you create a popup window that closes after n seconds?

121. While coding a loop, you come across a condition where you have to ignore the rest of the statements and continue with the beginning of the loop. Which of the following statements would you use?

122. You have embedded the document.write() method to write some text within a pair of table tags. On loading the file, you get some garbled junk on the page that should contain the text. What makes this happen?

123. Which is an important parameter of the wave filter?

124. Which is an important parameter of the wave filter?

125. Choose another way to write x ? a = b : a = c

126. Which in-built functions is useful when you want to access a form element using its id?

127.

You are formatting your error messages using the following inline style definition:

<span class="error" style="color: red">Error message.</span>

Now you want the error message text to be displayed in blue color. But the problem is that you are not permitted to edit the HTML code, you can only edit the imported style sheet. Which style definition will you use in the imported style sheet to achieve this?

128. Which style will be helpful in keeping an image at a fixed position on the webpage, even if someone scrolls the page?

129.

The width of the h4 is defined as follow:

 H4 {width:80%;}

 How can you make the heading drop shadow?

130. A DHTML page contains a table in between some text. You want to shift the table 20 pixels on the right to separate it from text. Which style would be suitable for the purpose?

131. Which will you use for changing the color of the textbox text with id=txtLocation to blue, on a mouseover event?

132. DHTML uses a combination of:

133. Which is not considered a part of DHTML?

134. How can you use a timer with a function called rearrange()?

135. Which is used to display an image behind the paragraph text?

136. Your website displays a few articles on java programming. If you want to leave '1 cm' space above and below the code blocks, you would use code { margin-top:1cm ; margin-bottom:1cm }.

137. You developed a web page using HTML and style sheets. You defined H4 style in the head tag, imported style sheet, as well as inline. Which style definitions is used when the page is rendered in a browser?

138. Which will you use for changing the color of a button with id=btn, to green on a mouseover event?

139. Sliding menus can be made using DHTML?

140. An HTML form has 10 checkboxes which are all named 'chkItems'. Which JavaScript function can be used for checking all the checkboxes together?

141. You are required to create a web page in which hyperlinked sub-headings are displayed. On clicking a link, the contents should get displayed dynamically. Which of the following style attributes would you use for this?

142. You have defined an image tag as follows: How would you implement ImageChange() function, if the new image to be set for mouseover is Image2.jpg?

143. You want to shake a link on the mouseover event. If the style position is set to relative and the anchor id is lnk1, which of the following code lines will be useful with a timer?

144.

Which of the following properties of JavaScript is used to store the extra values for DHTML tricks?

145. The width of h3 is defined as follow: H3 {width:100%;} How can you make the heading glow?

146. Which statement is true with regard to setTimeout()?

147. DHTML is a standard defined by the World Wide Web Consortium.

148. You are displaying image thumbnails on a page. Upon clicking a thumbnail, the image is being displayed in its actual size. You do not want the user to be able to click the thumbnails unless they are completely downloaded. Which event will you use to prevent the user from clicking on the thumbnails until they are completely downloaded?

149. Which statement is incorrect with regard to a style sheet?

150. Which can you use to accept user input?

151. Following is a sample CSS style: 1. p 2. ( 3. font-family:arial 4. color:black 5. text-align:left 6. ); What are the corrections required in this style?

152. Which help you create hyperlinks without an underline?

153. Which is not a JavaScript event?

154. How would you randomly choose an element from an array named myStuff if the number of elements changes dynamically?

155. The width of the h4 is defined as follow: H4 {width:95%;} How can you make the heading blur?

156. Which code snippet is more efficient and why?

157. After clicking on a link, your main browser window spawns a small new window and writes some text on it. When both the window page sources are viewed, the small window page source seems identical to that of the large one. Which of the following makes this happen?

158. You want to position a heading at 15 pixels from the left of the page and 20 pixels from the top of the page. The style definition should be:

159. You are setting cookies with JavaScript. What happens to cookies.txt data if the file exceeds the maximum size?

160. Which non-standard parameter is required when using the photos.createAlbum method?

161. Consider the three variables: someText = 'JavaScript1.2'; pattern = /(\w+)(\d)\.(\d)/i; outCome = pattern.exec(someText); What does pattern.ignoreCase contain?

162. What is the default value for z-index?

163. Which style properties is used to display only a part of an image?

164. You declared an array as follows: var arr; What value would JavaScript assign to an uninitialized element of this array?

165. You are designing a web site and need to set the background image for all the web pages. You want a small background image to repeat and fill up the whole background. Which of the following body styles is ideal for this?

166. Is the following statement correct? The width of an element must be set for making filters work.

167. Which help you highlight some of the running text on a web page?

168. You want to disable the selection of text on the webpage. While trying to select some text, the user should see 'not-allowed' cursor. Which help you implement this by using JavaScript and IE 5+ browser?

169. Which enables JavaScript Document Object Model to provide access to the HTTP header?

170. You have a function to change the image with id im… function changeimg(givenImg) { document.getElementById('imageID').src=givenImg } How would you make the webpage display 'image2.gif', only for the time that the user clicks the image?

171. The form tag is defined as follows: How will you implement the Validate() function that will stop the form from being submitted if the name field on the form is not filled?

172. Which is not a JavaScript event?

173. You defined two styles as follows: td.right {text-align: right} td.left {text-align: center} Which is the right way of calling them in an HTML page?

174. Which event would execute a script once a web page has completely loaded all content?

175. How is the following code useful? function validate(field) { var valid='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; var ok='yes'; var temp; for(var i=0; i < field.value.length; i++) { temp='' + field.value.substring(i,i+1) if(valid.indexOf(temp)=='-1') { ok='no'; break; } } if(ok=='no) { alert('error'); field.focus(); } }