<form>
<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
<input type="button" onclick="changeColor()" value="改变颜色" />
<input type="button" onclick="changeArea()" value="改变宽高" />
<input type="button" onclick="noSth()" value="隐藏内容" />
<input type="button" onclick="showSth()" value="显示内容" />
<input type="button" onclick="noChange()" value="取消设置" />
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function changeColor(){
var abc=document.getElementById("txt");
abc.style.color="red";
}
//定义"改变宽高"的函数
function changeArea{
var abc=document.getElementById("txt");
abc.style.width=200;
}
//定义"隐藏内容"的函数
function noSth(){
var abc=document.getElementById("txt");
abc.style.display="none";
}
//定义"显示内容"的函数
function showSth(){
var abc=document.getElementById("txt");
abc.style.dispaly="block";
}
//定义"取消设置"的函数
function noChange(){
var abc=document.getElementById("txt");
var isY=confirm("确认取消操作吗？");
if(isY==true){
abc.removeAttribute('style');
}
}
</script>
你的那个改变宽高函数后面应该加(),,就是这样function changeArea()......... 后边那个定义取消设置的函数,我没有看懂,应该是没学到那儿,至于为什么点击按钮没有反应,我也不知道,你可以看看我的,我几乎是参考答案的:
<form>
<!--当点击对应的按钮，执行相应的操作，为按钮添加对应事件-->
<input type="button" value="改变颜色" onclick="dcolor()">
<input type="button" value="改变宽高" onclick="dwh()">
<input type="button" value="隐藏内容" onclick="dhide()">
<input type="button" value="显示内容" onclick="dshow()">
<input type="button" value="取消设置" onclick="dcancel()">
</form>
<script type="text/javascript">
function dcolor()
{
var mychar=document.getElementById("txt");
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
function dwh()
{
var mychar=document.getElementById("txt");
mychar.style.width="400px";
mychar.style.height="200px";
}
function dhide()
{
var mychar=document.getElementById("txt");
mychar.style.display="none";
}
function dshow()
{
var mychar=document.getElementById("txt");
mychar.style.display="block";
}
function dcancel()
{
if (confirm("确定取消设置吗？")) {
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";
}
}
</script>
没有加onclick点击事件