Question 1

Which of the following properties returns the Boolean value true when an element contains an attribute?

Accepted Answer

The correct property that returns the Boolean value true when an element contains an attribute is node.hasAttribute(). This property checks whether the specified attribute exists or not in the element and returns a true value if it exists, and false otherwise. node.getAttribute() is used to retrieve the value of a specified attribute, node.setAttribute() is used to add or modify an attribute, and node.Attribute is not a valid property.

Question 2

Joshua has created a web page and implemented CSS in it. He has applied the style property to inline styles that can also be used with style rules and with style sheets. However, he wants to change a CSS rule in the stylesheet from h2 { color: blue; } to h3 { color: green; font-size: 1.2em; }

Accepted Answer

The correct choice is D because it correctly selects the first rule in the first stylesheet with the h3 selector text, changes the color to green and adds a font-size of 1.2em to the already existing rule. Option A selects the wrong selector text and changes the color to blue instead of green. Option B selects the wrong stylesheet index. Option C also selects the wrong selector text.

Question 3

William has created a page view style sheet and saved it in a file named esd.css. Which of the following tags should William add to the document head to apply the style sheet?

Accepted Answer

The <link> tag is used to link external resources to an HTML document, commonly used for style sheets. The "href" attribute specifies the location of the external file, in this case, "esd.css". The "rel" attribute specifies the relationship between the HTML document and the linked resource, in this case, "stylesheet". Therefore, option C is the correct answer.

Question 4

The _____ style rule is described by the rule.type property if it returns an integer value of 6.

Accepted Answer

The rule.type property returns an integer value of 6 for the @page style rule in CSS.

Question 5

Identify the syntax to remove a rule from a style sheet.

Accepted Answer

The correct syntax to remove a rule from a style sheet is `sheet.deleteRule(index)`, where `index` is the position of the rule in the stylesheet's CSSRuleList.

Question 6

Identify the syntax for adding new rules to a style sheet.

Accepted Answer

The correct syntax for adding new rules to a style sheet is `sheet.insertRule(rule, index)`, where `rule` is the CSS rule as a string and `index` is the position in the stylesheet where the rule should be inserted.

Question 7

The _____ property represents the object collection of style guidelines within a style sheet.

Accepted Answer

The cssRules property is used to represent the object collection of style guidelines within a style sheet. This property returns a CSSRuleList object, which can be used to manipulate individual CSS rules within the stylesheet. The other options (A, B, and C) represent different properties of the stylesheet object, but do not relate directly to the collection of style guidelines.

Question 8

Which of the following code creates a list item element by using the setAttribute () method to set the ID value of the list item to the text string "list1"?

Accepted Answer

This code creates a list item element using the document.createElement() method to create a new "li" element and then sets the ID value of the list item to the text string "list1" using the setAttribute() method. Option B creates an invalid element type and sets an attribute without a value. Option C has a typo with "Element" instead of "createElement" and doesn't provide a value for the attribute. Option D tries to retrieve the attribute instead of setting it.

Question 9

Which of the following methods returns the collection of attributes associated with node ?

Accepted Answer

The method node.attributes returns a NamedNodeMap object that represents the collection of attributes associated with the node. Option A returns the value of a specific attribute, option C checks if a node has a certain attribute, and option D tries to access a nodeName property of attributes, which is not valid.

Question 10

Identify the HTML code to create form buttons to switch between the web view and page view.

Accepted Answer

This choice correctly uses the input element with the type attribute set to "button" to create clickable buttons labeled "Web View" and "Page View".

Question 11

Identify the integer value returned by the rule.type property if it is describing the @media rule.

Accepted Answer

The answer of Identify the integer value returned by the...

Question 12

Identify the correct syntax to move up a node tree.

Accepted Answer

The answer of Identify the correct syntax to move up...

Question 13

Which of the following codes inserts text for each item as a hyperlink?

Accepted Answer

This code creates a new anchor element and sets its innerHTML to the content of the current item (n.innerHTML). It then sets the href attribute of the anchor element to a "#" plus the ID of the current item (n.id), creating a hyperlink to that item on the same page.

Question 14

Which of these rules is represented by the rule.type property when its value is 5?

Accepted Answer

The answer of Which of these rules is represented by...

Question 15

Identify a true statement about the sheet. parentStyleSheet property .

Accepted Answer

The parentStyleSheet property describes the style sheet object containing the style sheet inserted via the @import rule.

Question 16

A value of _____ is returned when the rule.type property describes the @charset rule.

Accepted Answer

According to the CSSOM specification, a value of 2 is returned when the rule.type property describes the @charset rule.

Question 17

The _____ property describes the embed or link element node that creates a style sheet.

Accepted Answer

The "ownerNode" property returns the linked or embedded element node that creates the style sheet.

Question 18

Which of these properties describes the URL of a styleSheet file?

Accepted Answer

The href property of the styleSheet object is used to specify the URL of the CSS file.

Question 19

In the following HTML code, the object reference document.styleSheets[0].cssRules[1] points to the _____ style rule. h1 {color: red;} h2 {color: blue;} h3 {color: green;} h4 {color: violet;}

Accepted Answer

document.styleSheets[0].cssRules[0] points to the first style rule which is h1 {color: red;}, while document.styleSheets[0].cssRules[1] points to the second style rule which is h2 {color: blue;}.

Question 20

Which of these nodes is absent from a node tree?

Accepted Answer

All four nodes (element, text, comment, and attribute) are commonly used in XML node trees, but attribute nodes are most commonly incorporated into element nodes rather than appearing as standalone nodes. Therefore, it is possible for a node tree to contain elements, text, and comments without any attributes.

Quiz 12: Working With Document Nodes and Style Sheets Tutorial