自小生来神气壮
2016-08-19 16:17
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="bc1()">
<input type="button" value="改变宽高" onclick="bc2()">
<input type="button" value="隐藏内容" onclick="bc3()">
<input type="button" value="显示内容" onclick="bc4()">
<input type="button" value="取消设置" onclick="bc5()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
var txt=document.getElementById("txt");
function bc1(){
txt.style.color="red";
}
//定义"改变宽高"的函数
function bc2(){
txt.style.width=100px;
txt.style.height=100px;
}
//定义"隐藏内容"的函数
function bc3(){
txt.style.display="none";
}
//定义"显示内容"的函数
function bc4(){
txt.style.display="block"
}
//定义"取消设置"的函数
function bc5(){
var ask = confirm("确定重置吗");
if(ask){
txt.removeAttribute("style");
}
刚开始还可以改变颜色 后来按什么键都没反应了
txt.style.width=100px; txt.style.height=100px;。后面没有px
一般代码出错才这样,那应该是你改变颜色之后的代码出错了,自己检查一下标点符号什么的
看不出来哪里错了
JavaScript入门篇
739817 学习 · 9566 问题
相似问题