代码如下:搞不懂为什么~
<input type="button" value="改变颜色" onclick="changecolor()" >
<input type="button" value="改变宽高" onclick="changehw()">
<input type="button" value="隐藏内容" onclick="hidetext()">
<input type="button" value="显示内容" onclick="showtext()" >
<input type="button" value="取消设置" onclick="quxiao()">
</form>
<script type="text/javascript">
var mychar =document.getElementById("txt");
//定义"改变颜色"的函数
function changecolor(){
var mychar1 =document.getElementById("txt");
mychar.style.color="red";
mychar.style.backgroundColor="blue";
}
//定义"改变宽高"的函数
function changehw(){
var mychar=document.getElementById("txt");
mychar.style.height=30px;
mychar.style.width=100px;
}
//定义"隐藏内容"的函数
function hidetext()
{
var mychar =document.getElementById("txt");
mychar.style.display="none";
}
//定义"显示内容"的函数
function showtext(){
var mychar =document.getElementById("txt");
mychar.style.display="block";
}
//定义"取消设置"的函数
function quxiao(){
var mychar =document.getElementById("txt");
var choice=confirm("真的要取消设置吗?");
if(choice)
{
mychar.removrAttribute("style");
}
}
2个地方
1、47,48行 要这么写,px是字符串连接
mychar.style.height=30+'px'
mychar.style.width=100+'px';
2、72行 mychar.removrAttribute("style");拼写错误了,应该是
mychar.removeAttribute("style");
mychar.style.height="30px";
mychar.style.width="100px"
if(choice==1)
mychar.removeAttribute("style");
你的第一个方法声明的变量为mychar1而不是mychar估计你是笔误,而且,你已经在全局声明了变量mychar,无须在局部声明了
var mychar =document.getElementById("txt");这个语句写函数外面,写一次就行了,id只能调取一次。