慕的地9276089
2017-06-22 12:14
<input type="button" value="改变颜色" onclick="changecolor()">
<input type="button" value="改变宽高" onclick="changelook()">
<input type="button" value="隐藏内容" >
<input type="button" value="显示内容" >
<input type="button" value="取消设置" onclick="reset()">
</form>
<script type="text/javascript">
var mychar=document.getElementById("txt")
var well=document.getElementById("con")
//定义"改变颜色"的函数
function changecolor(){
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
//定义"改变宽高"的函数
function changelook(){
mychar.style.width="800px"
mychar.style.height="800px"
}
//定义"隐藏内容"的函数
//定义"显示内容"的函数
//定义"取消设置"的函数
function reset(){
var acb=confirm("sure?");
if(acb==true){
mychar.removeAttribute('style');
}else{
alert("sansi");
}
}
reset是关键字 不能做方法名
mychar.removeAttribute("style");//这里移除的style是节点里面声明的style,而不能移除className所带来的css样式,
修改:
mychar.removeAttribute("class");
或者直接
mychar.style = "";
JavaScript入门篇
739817 学习 · 9566 问题
相似问题