JavaScript Can Change HTML Content Mocktest

The textContent method in JavaScript allows you to change the text content of an HTML element directly. Unlike innerHTML, which changes the HTML content including tags, textContent modifies only the text within the element, making it ideal for text manipulation tasks.

To dynamically add a new paragraph element to an HTML document using JavaScript, you can use the document.createElement("p") method to create the new paragraph element and then use the appendChild() method to append it to an existing element or the document itself.

The src property in JavaScript is used to change the source (URL) of an image element. By assigning a new URL to the src property of an image element, you can dynamically change the image displayed on the webpage.

To remove an HTML element from the DOM using JavaScript, you can use the element.remove() method. This method directly removes the specified element from the DOM, effectively deleting it from the document structure.

The document.createElement() method in JavaScript is commonly used to create a new HTML element dynamically. This method creates a new element based on the specified tag name (e.g., "div", "p", "span") that can then be manipulated and added to the document using other DOM methods.

The innerText property in JavaScript is used to set or retrieve the text content of an element, including its descendants. Unlike textContent, which represents the raw text content, innerText takes into account the styling and visibility of elements when retrieving text, making it suitable for scenarios where the rendered text appearance is crucial.

To change the background color of an HTML element using JavaScript, you can use the element.style.backgroundColor property and set it to the desired color value. This inline style modification directly affects the background color of the specified element on the webpage.

The appendChild() method in JavaScript is used to append a new child node to an existing element in the DOM. This method adds the specified node as the last child of the specified parent element, effectively extending the DOM structure with new content.

To change the font size of an HTML element using JavaScript, you can use the element.style.fontSize property and set it to the desired font size value (e.g., "16px"). This inline style modification directly affects the font size of the specified element on the webpage.

To change the text color of an HTML element using JavaScript, you can use the element.style.color property and set it to the desired color value (e.g., "blue"). This inline style modification directly affects the text color of the specified element on the webpage.