JavaScript Can Change HTML Attribute Values Mocktest

The setAttribute() method in JavaScript allows you to change the value of an HTML attribute. This method is used to set or change the value of a specified attribute on an HTML element.

To dynamically change the source (URL) of an image element using JavaScript, you can directly modify the src attribute of the image element. For example, element.src = "newimage.jpg"; sets the source of the image to "newimage.jpg".

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.

To remove a CSS class from an HTML element using JavaScript, you can use the element.classList.remove("className") method. This method removes the specified CSS class ("className") from the element, effectively removing associated styles or behavior from the element in the document.

To change the text content of an HTML element using JavaScript, you can use the element.textContent property. This property sets or returns the text content of the specified element and is suitable for text manipulation tasks.

To change the href attribute of an anchor (link) element using JavaScript, you can directly modify the href attribute of the element. For example, element.href = "https://example.com"; sets the href attribute of the anchor element to "https://example.com".

To add an attribute to an HTML element using JavaScript, you can use the element.setAttribute("attributeName", "value") method. This method adds a new attribute ("attributeName") with the specified value ("value") to the element.

To remove an attribute from an HTML element using JavaScript, you can use the element.removeAttribute("attributeName") method. This method removes the specified attribute ("attributeName") from the element.

To dynamically change the value of an input element using JavaScript, you can directly modify the value property of the input element. For example, element.value = "New Value"; sets the value of the input element to "New Value".

To change the style (CSS) of an HTML element using JavaScript, you can directly modify the style property of the element. For example, element.style.property = "value"; sets the CSS property "property" to "value" for the element.