How to change the background color of a web page with JavaScript

Change method: 1. Use the "document.getElementsByTagName("body")" statement to obtain the body element node; 2. Use the "body element node.style.backgroundColor="color value";" statement to change The background color of the web page.

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

JavaScript to change the web page background color

Example 1: Enter the color name to change the web page background Color

Enter the name of the color in a text box (such as: blue, purple), click the button next to the text box to change the background color of the web page to the name in the text box corresponding color.

Implementation code

Result diagram display

Before modification:

After modification:

Instructions:

1. In HTML , the JavaScript code must be between the tags.

2. In programming languages, variables are used to store data values. JavaScript uses the var keyword to declare variables. The = sign is used to assign a value to a variable.

3. Find HTML elements

Example 2: Change the background color of the web page by clicking a button (simple )

Code

Result Picture Display

[Related recommendations:javascript learning tutorial]

The above is the detailed content of How to change the background color of a web page with JavaScript. For more information, please follow other related articles on the PHP Chinese website!