Q
How can you add a CSS class to an HTML element using JavaScript?

Answer & Solution

Answer: Option A
Solution:
To add a CSS class to an HTML element using JavaScript, you can use the element.classList.add('className') method. This method adds the specified CSS class ('className') to the element, allowing you to dynamically apply styles or behavior defined in the CSS class to the element in the document.
Related Questions on Average

How can you remove a CSS class from an HTML element using JavaScript?

A). element.classList.remove('className');

B). element.className = '';

C). element.setAttribute('class', '');

D). element.removeClass('className');

How can you hide an HTML element using JavaScript?

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

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

C). element.visible = false;

D). element.style.opacity = 0;

How can you set the font size of an HTML element using JavaScript?

A). element.style.fontSize = 'size';

B). element.style.fontsize = 'size';

C). element.fontsize = 'size';

D). element.size = 'size';

How can you add an attribute to an HTML element using JavaScript?

A). element.setAttribute('attributeName', 'value');

B). element.attributeName = 'value';

C). element.attributeName('value');

D). element.attributeName.add('value');

How can you show a hidden HTML element using JavaScript?

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

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

C). element.visible = true;

D). element.style.opacity = 1;

How can you set the border width of an HTML element using JavaScript?

A). element.style.borderWidth = 'width';

B). element.style.border.width = 'width';

C). element.border.width = 'width';

D). element.width = 'width';

How can you enable a disabled HTML button using JavaScript?

A). element.disabled = false;

B). element.removeAttribute('disabled');

C). element.enable();

D). element.enable = true;

How can you dynamically change the source (URL) of an image element using JavaScript?

A). element.src = 'newimage.jpg';

B). element.setSource('newimage.jpg');

C). element.setAttribute('src', 'newimage.jpg');

D). element.changeSource('newimage.jpg');

How can you change the style (CSS) of an HTML element using JavaScript?

A). element.style.property = 'value';

B). element.setAttribute('style', 'property: value;');

C). element.changeStyle('property: value;');

D). element.setStyle('property: value;');

How can you set the font color of an HTML element using JavaScript?

A). element.style.color = 'color';

B). element.style.fontColor = 'color';

C). element.fontColor = 'color';

D). element.color = 'color';