//定义"改变颜色"的函数
function color1(){
var mychara=document.getElementById("txt");
mychara.style.color="red";
mychara.style.backgroundColor="blue";
}
//定义"改变宽高"的函数
function width1(){
var mycharb=document.getElementById("txt");
mycharb.style.width="100px";
mycharb.style.height="100px";
}
//定义"隐藏内容"的函数
function hide(){
var mycharc=document.getElementById("txt");
mycharc.style.display="none";
}
//定义"显示内容"的函数
function show(){
var mychard=document.getElementById("txt");
mychard.style.display="block";
//定义"取消设置"的函数
function conf(){
var mycharf=document.getElementById("txt");
var mychare=confirm("取消设置");
if(mychare==true){
mychare.removeAttribute("style");
}else
{
mycharf.className="null";
}
}
定义函数以后,必须给每个按钮添加相应的onclick事件!
例:<input type="button" value="改变颜色" onclick="color1()" >
解析:函数相当于是一款款工具,添加事件相当是告诉电脑在什么时间用什么工具做什么事。