改变方法:1、使用“document.getElementsByTagName("body")”语句获取到body元素节点;2、使用“body元素节点.style.backgroundColor="颜色值";”语句来改变网页的背景颜色。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
JavaScript改变网页背景颜色
示例1:输入颜色名称改变网页背景色
在一个文本框里面输入颜色的名称(如:蓝色,紫色),点击文本框旁边的按钮,让网页的背景色改变成文本框中的名称对应的颜色。
实现代码
立即学习“Java免费学习笔记(深入)”;
网页变色
结果图展示
修改之前:

修改之后:

说明:
1、在 HTML 中,JavaScript 代码必须位于 标签之间。
2、在编程语言中,变量用于存储数据值。JavaScript 使用 var 关键词来声明变量。= 号用于为变量赋值。
3、查找HTML元素
| 方法 | 描述 |
|---|---|
| document.getElementById(id) | 通过元素 id 来查找元素 |
| document.getElementsByTagName(name) | 通过标签名来查找元素 |
示例2:用点击按钮的方式改变网页背景色(简单)
代码
改变网页背景色
结果图展示

【相关推荐:javascript学习教程】











