What is the advantage of using CSS classes to hide HTML elements compared to inline styles in JavaScript?
A). Inline styles provide more flexibility in hiding elements.
B). CSS classes allow for better separation of concerns and reusability.
C). Inline styles offer better performance in hiding elements.
D). CSS classes increase code complexity and maintenance.
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');
What is the advantage of using the classList property to hide HTML elements compared to directly modifying CSS properties?
A). It allows for more granular control and better readability.
B). It provides better performance and faster execution.
C). It simplifies code structure and improves cross-browser compatibility.
D). It increases code complexity and maintenance.
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 without directly modifying its CSS or inline styles?
A). Use the classList property to add a class with hidden properties.
B). Use the setAttribute() method to set display: none;.
C). Use the style property to set visibility: hidden;.
D). Use the toggle() method to toggle between visible and hidden states.
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 by modifying its display property in an external CSS file?
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 without directly modifying its style properties?
A). Use the setAttribute() method to set display: none;.
B). Use the setStyle() method to set visibility: hidden;.
C). Use the removeAttribute() method to remove the element from the DOM.
D). Use the toggle() method to toggle between visible and hidden states.
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');