慕沐8286980
2016-05-17 22:02
<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" onclick="secai()" value="改变颜色" />
<input type="button" value="改变宽高" onclick="weight()"/>
<input type="button" onclick="hidetext()" value="隐藏内容" />
<input type="button" onclick="showtext()" value="显示内容" />
<input type="button" onclick="changeRemove()" value="取消设置" />
</form>
<script type="text/javascript">
function secai()
{
var myyanse=document.getElementById("txt").style.color="red";
}
function weight()
{
var kuangao=document.getElementById("txt");
kuangao.style.width=300px;
kuangao.style.height=200px;
}
function hidetext()
{
var b=document.getElementById("txt").style.display="none";
}
function showtext()
{
var b=document.getElementById("txt").style.display="block";
}
function changeRemove()
{
var txt= document.getElementById("txt");
var changeRemove=confirm("确认要恢复初始样式吗?"); if(changeRemove==true)
{
txt.removeAttribute("style");
}
}
</script>
</body>
</html>
你的宽高没有打引号。
function weight()
{
var kuangao=document.getElementById("txt");
kuangao.style.width="300px";
kuangao.style.height="200px";
}
<form>
<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="changeColor()">
<input type="button" value="改变宽高" onclick="changeSize()" >
<input type="button" value="隐藏内容" onclick="hideContent()">
<input type="button" value="显示内容" onclick="showContent()">
<input type="button" value="取消设置" onclick="cancel()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function changeColor()
{
var temp = document.getElementById("txt");
temp.style.color = "blue";
temp.style.backgroundColor = "gray";
}
//定义"改变宽高"的函数
function changeSize()
{
var temp = document.getElementById("txt");
temp.style.width = "400px";
temp.style.height ="300px";
}
//定义"隐藏内容"的函数
function hideContent()
{
var temp = document.getElementById("txt");
temp.style.display="none";
}
//定义"显示内容"的函数
function showContent()
{
var temp = document.getElementById("txt");
temp.style.display = "block";
}
//定义"取消设置"的函数
function cancel()
{
var temp = confirm("是否取消设置?");
if(temp == true)
{
var temp = document.getElementById("txt");
temp.removeAttribute('style');
}
}
</script>
</body>
</html>
不知道你错在哪,我代码运行成功了,希望帮到你....
<input type="button" onclick="secai()" value="改变颜色" />
<input type="button" value="改变宽高" onclick="weight()"/>
<input type="button" onclick="hidetext()" value="隐藏内容" />
<input type="button" onclick="showtext()" value="显示内容" />
<input type="button" onclick="changeRemove()" value="取消设置" />
统一吧:
<input type="button" value="改变颜色" onclick=secai(); />
<input type="button" value="改变宽高" onclick=weight(); />
<input type="button" value="隐藏内容" onclick=hidetext(); />
<input type="button" value="显示内容" onclick=showtext(); />
<input type="button" value="取消设置" onclick=changeRemove(); />
var myyanse=document.getElementById("txt").style.color="red";
var b=document.getElementById("txt").style.display="none";
var b=document.getElementById("txt").style.display="block";
分开写比较靠谱:
var myyanse=document.getElementById("txt");
myyanse.style.color="red";
var b=document.getElementById("txt");
b.style.display="none";
var b=document.getElementById("txt");
b.style.display="block";
宽高:
kuangao.style.width=300px;
kuangao.style.height=200px;
改为:
kuangao.style.width="300px";
kuangao.style.height="200px";
var myyanse=document.getElementById("txt").style.color="red";
分开来写试试。不要急。
var myyanse=document.getElementById("txt");
myyanse.style.color="red";
JavaScript入门篇
739838 学习 · 9566 问题
相似问题