Wisdomss
2016-04-06 16:37
</div>
<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onClick="changecolor()">
<input type="button" value="改变宽高" onClick="changesize()" >
<input type="button" value="隐藏内容" onClick="hidetext()">
<input type="button" value="显示内容" onClick="showtext()">
<input type="button" value="取消设置" onClick="rac()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function changecolor(){
var obj=document.getElementById("txt");
obj.style.color="navy";
obj.style.backgroundColor="pink";
}
//定义"改变宽高"的函数
function changesize(){
var obj=document.getElementById("txt");
obj.style.width="350px";
obj.style.height="300px";
}
//定义"隐藏内容"的函数
function hidetext(){
obj.style.display="none";
}
//定义"显示内容"的函数
function showtext(){
obj.style.display="block";
}
//定义"取消设置"的函数
function rac(){
var mymessage=confirm("是否取消设置?");
if(mymessage==true)
{obj.style.color="black";
obj.style.backgroundColor="white";
obj.style.width="600px";
obj.style.height="400px";
}
}
</script>
</body>
</html>
我这样写 和你的没什么不同 ,但是我的可以运行,你看看。
<script type="text/javascript">
var obj=document.getElementById("txt");
function changecolor(){
obj.style.color="red";
obj.style.backgroundColor="pink";
}
function changesize(){
obj.style.width="350px";
obj.style.height="300px";
}
function hidetext(){
obj.style.display="none";
}
function showtext(){
obj.style.display="block";
}
function rac(){
var s=confirm("是否取消设置?");
if(s==true){
obj.style.color="black";
obj.style.backgroundColor="white";
obj.style.width="600px";
obj.style.height="400px";
}
}
</script>
我给你找到了 快谢谢我吧 嘿嘿
var mymessage=confirm("是否取消设置?");
你这句最后的分号用的输入法输入的 后面有空格 你用英文试试就好了。
var obj=document.getElementById("txt");每个函数都要这句,它是局部变量
JavaScript入门篇
739822 学习 · 9566 问题
相似问题
回答 1
回答 2
回答 1
回答 1
回答 2