Which of the following inbuilt object can be used to change the HTML code inside the body tag from the JavaScript code?
document.innerHTML
document.body.innerhtml
document.body.innerHTML
document.body.outerHTML
The correct option is: document.body.innerHTML
The correct inbuilt object to change the HTML code inside the body tag from JavaScript code is:
document.body.innerHTML
The correct option to change the HTML code inside the body tag from JavaScript code is "document.body.innerHTML".
To understand why this is the correct option, let's break down the answer and explain how to arrive at the solution:
1. Option "document.innerHTML": This option is incorrect because there is no "innerHTML" property directly available on the "document" object.
2. Option "document.body.innerhtml": This option is also incorrect due to incorrect casing. JavaScript is case-sensitive, so the property name should be "innerHTML" (with uppercase "I") instead of "innerhtml".
3. Option "document.body.innerHTML": This option is correct. The "document" object represents the entire HTML document, and the "body" property represents the content of the body tag. The "innerHTML" property is used to get or set the HTML content inside an element. In this case, it is used to change the HTML code within the body tag.
4. Option "document.body.outerHTML": This option is incorrect because the "outerHTML" property is used to get or set the HTML code of an entire element, including its opening and closing tags. It modifies the HTML code of the whole body element, not just its content.
Therefore, the correct option is "document.body.innerHTML" to change the HTML code inside the body tag from the JavaScript code.