function height(){ var mychar=document.getElementById("txt"); mychar.style.width="400px"; mychar.style.height="200px"; } //定义"隐藏内容"的函数 function hide(){ var mychar=document.getElementById("txt"); mychar.style.display="none"; } //定义"显示内容"的函数 function open(){ var mychar=document.getElementById("txt"); mychar.style.display="block"; } //定义"取消设置"的函数 function qu(){ if(confirm("是否取消设置?")==true){ var mychar=document.getElementById("txt"); mychar.style.color="#000"; mychar.style.backgroundColor="#fff"; mychar.style.width="600px"; mychar.style.height="400px"; mychar.style.display="block"; } }
我把代码复制到我这边浏览器运行了看,暂时发现两个问题:
1、改变宽高失效;
错误及解决办法:height()函数取名用了保留字,更换函数名即搞定。
2、显示内容失效;
错误及解决办法:同上,函数取名使用了保留字。
建议:取消设置代码太多,建议使用:
function myEsc(){ if(confirm("您确定取消设置吗?")==true){ mychar.removeAttribute('style'); //一条搞定。 } }
按钮上有没有忘记绑定事件了
在Hbuilder上可以运行成功,但是在这上面却不行