qq_房梁一梦_0
2018-08-05 22:17
<script type="text/javascript">
//定义"改变颜色"的函数
function color(){
var col=document.geElementById("txt");
col.style.backgroundColor="blue";
}
//定义"改变宽高"的函数
function high(){
var h=document.geElementById("txt");
h.style.width="500px";
h.style,height="500px";
}
//定义"隐藏内容"的函数
function none(){
var no=document.geElementById("txt");
no.style.display="none";
}
//定义"显示内容"的函数
function block(){
var no=document.geElementById("txt");
no.style.display="block";
}
//定义"取消设置"的函数
function qu(){
txt.removeAttribute("style");
}
因为你没在按钮里面添加响应onclick
可以将获取txt的元素id对象抽取到方法外面,这样就不用重复le
<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onClick="color()">
<input type="button" value="改变宽高" onClick="high()">
<input type="button" value="隐藏内容" onClick="none()">
<input type="button" value="显示内容" onClick="block()">
<input type="button" value="取消设置" onClick="quxiao()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function color(){
var col=document.geElementById("txt");
col.style.backgroundColor="blue";
}
//定义"改变宽高"的函数
function high(){
// var h=document.geElementById("txt");
text.style.width="500px";
h.style,height="500px";
}
//定义"隐藏内容"的函数
function none(){
var no=document.geElementById("txt");
no.style.display="none";
}
//定义"显示内容"的函数
function block(){
var no=document.geElementById("txt");
no.style.display="block";
}
//定义"取消设置"的函数
function qu(){
txt.removeAttribute("style");
}
</script>
在<form>标签里的button少一部分代码,可以对比之前课程的按钮,写一个onClick= "函数名()"就好了
JavaScript入门篇
739817 学习 · 9566 问题
相似问题