我们先来看下具体的演示效果图

以下就是完整的超文本标记语言页面代码，大家可以测试下。

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题文档/标题样式.大盒子{宽度： 500像素高度： 500像素；border: 1px纯黑；} .大盒子输入{左边距： 60px}/样式脚本函数Change _ Red(){ var Red=文档。getelementbyid(' Change _ style ')；红色。风格。背景颜色='红色'；}函数Change _ Blue(){ var Blue=文档。getelementbyid(' Change _ style ')；蓝色。风格。背景颜色='蓝色'；}函数Change _ Green(){ var Green=文档。getelementbyid(' Change _ style ')；Green.style.backgroundColor='绿色；}/script/head body div class=' big _ box ' id=' change _ style '输入类型='按钮'值='变为红色onclick='Change_red()'输入类型='按钮'值='变为蓝色onclick='Change_blue()'输入类型='按钮'值='变为绿色onclick=' Change _ green()'/div/body/html