<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="yanse()">
<input type="button" value="改变宽高" onclick="kuangao()">
<input type="button" value="隐藏内容" onclick="yincang()">
<input type="button" value="显示内容" onclick="xianshi()">
<input type="button" value="取消设置" onclick="chongzhi()">
</form>
<script type="text/javascript">
var mydiv = document.getElementById("txt");
//定义"改变颜色"的函数
function yanse(){
mydiv.style.color="red";
mydiv.style.backgroundColor="#ccc";
}
//定义"改变宽高"的函数
function kuangao(){
mydiv.style.width="200px";
mydiv.style.height="300px";
}
//定义"隐藏内容"的函数
function yincang(){
mydiv.style.display="none";
}
//定义"显示内容"的函数
function xianshi(){
mydiv.style.display="block";
}
//定义"取消设置"的函数
function chongzhi(){
var mychose = confirm();
if(mychose==true){
mydiv.removeAttribute("style");
}
}
用var定义的变量为局部变量,不用var修饰才为全局变量;var mydiv = document.getElementById("txt");你把这里的var去掉试试; 但是良好的代码风格里面,你最好加上var,也就是再函数里面定义变量,这样以后往回看就不会很迷糊了
除了 confirm()有用,其余点击都没反应