Q
What is the advantage of using CSS classes to hide HTML elements compared to inline styles in JavaScript?

Answer & Solution

Answer: Option B
Solution:
Using CSS classes to hide HTML elements in JavaScript offers the advantage of better separation of concerns and reusability. CSS classes can be defined once and applied to multiple elements, improving code maintainability and reducing redundancy.
Related Questions on Average

Which JavaScript method is commonly used to hide an HTML element by adding a CSS class with hidden properties?

A). element.style.visibility = 'hidden';

B). element.classList.add('hidden');

C). element.style.display = 'none';

D). element.classList.toggle('hidden');

How can you hide an HTML element using JavaScript by modifying its CSS class?

A). element.style.display = 'none';

B). Add an external CSS file to the HTML document and link it.

C). Use the classList property to add a class with hidden properties.

D). element.classList.add('hidden');

How can you hide an HTML element using JavaScript by setting its display property to 'none' in an external CSS file?

A). element.style.display = 'none';

B). Link the HTML file to an external CSS file with a class that sets display: none;.

C). Import the external CSS file using JavaScript and apply it to the element.

D). element.display = 'none';

What does setting the CSS visibility property to 'hidden' do to an HTML element?

A). It completely removes the element from the layout.

B). It hides the element without affecting its layout position.

C). It makes the element transparent but still visible.

D). It disables the element but keeps it visible in the layout.

How can you dynamically hide an HTML element using JavaScript based on a button click event?

A). element.style.visibility = 'hidden';

B). element.display = 'none';

C). element.style.display = 'none';

D). element.visibility = 'hidden';

How can you hide an HTML element using JavaScript by modifying its inline style directly?

A). element.setAttribute('style', 'display: none;');

B). element.style.display = 'none';

C). element.style.visibility = 'hidden';

D). element.display = 'none';

How can you hide an HTML element using JavaScript without affecting its layout position?

A). element.style.display = 'none';

B). element.style.visibility = 'hidden';

C). element.style.position = 'absolute';

D). element.style.opacity = '0';

How can you hide an HTML element using JavaScript by modifying its CSS display property?

A). element.style.visibility = 'hidden';

B). element.display = 'none';

C). element.style.display = 'none';

D). element.style.display = 'hidden';

How can you hide an HTML element using JavaScript by toggling its visibility state?

A). element.style.display = 'none';

B). element.style.visibility = 'hidden';

C). element.style.visibility = 'toggle';

D). element.toggle('hidden');

How can you hide multiple HTML elements using JavaScript by adding a CSS class with hidden properties?

A). element.style.display = 'none';

B). element.classList.add('hidden');

C). element.style.visibility = 'hidden';

D). element.style.display = 'block';