weixin_慕标1079997
2021-05-17 11:42
<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="color()">
<input type="button" value="改变宽高" onclick="hw()">
<input type="button" value="隐藏内容" onclick="none()">
<input type="button" value="显示内容" onclick="block()">
<input type="button" value="取消设置" onclion="off()">
</form>
<script type="text/javascript">
var css=document.getElementById("txt");
//定义"改变颜色"的函数
function color(){
css.style.color='#000';
css.style.backgroundColor='#02194';
}
//定义"改变宽高"的函数
function wh(){
css.style.width='400px';
css.style.height='500px';
}
//定义"隐藏内容"的函数
function none(){
css.style.display='none';
}
//定义"显示内容"的函数
function block(){
css..style.display='block';
}
//定义"取消设置"的函数
function off(){
var or=confirm('确认是否重置?');
if(or==true){
css.removeAttribute('style');
}
else(set){}
}
</script>
改变颜色的函数改后的颜色跟原来的一样,所以没变化。
改变宽高的函数名称与调用的函数名称不一致。
显示内容的函数css.style之间多了个点css..style
JavaScript入门篇
739817 学习 · 9566 问题
相似问题