javacript入门篇编程挑战，完成代码后达不到效果
azure1016
2016-08-16 13:55
代码如下：搞不懂为什么~
<input type="button" value="改变颜色" onclick="changecolor()" >
<input type="button" value="改变宽高" onclick="changehw()">
<input type="button" value="隐藏内容" onclick="hidetext()">
<input type="button" value="显示内容" onclick="showtext()" >
<input type="button" value="取消设置" onclick="quxiao()">
</form>
<script type="text/javascript">
var mychar =document.getElementById("txt");
//定义"改变颜色"的函数
function changecolor(){
var mychar1 =document.getElementById("txt");
mychar.style.color="red";
mychar.style.backgroundColor="blue";
}
//定义"改变宽高"的函数
function changehw(){
var mychar=document.getElementById("txt");
mychar.style.height=30px;
mychar.style.width=100px;
}
//定义"隐藏内容"的函数
function hidetext()
{
var mychar =document.getElementById("txt");
mychar.style.display="none";
}
//定义"显示内容"的函数
function showtext(){
var mychar =document.getElementById("txt");
mychar.style.display="block";
}
//定义"取消设置"的函数
function quxiao(){
var mychar =document.getElementById("txt");
var choice=confirm("真的要取消设置吗？");
if(choice)
{
mychar.removrAttribute("style");
}
}
4回答
-
- stone310
- 2016-08-16 19:34:18
2个地方
1、47，48行 要这么写,px是字符串连接
mychar.style.height=30+'px'
mychar.style.width=100+'px';2、72行 mychar.removrAttribute("style");拼写错误了，应该是
mychar.removeAttribute("style");
-
- 攻城3707672
- 2016-08-16 21:16:55
mychar.style.height="30px";
mychar.style.width="100px"
if(choice==1)
mychar.removeAttribute("style");
-
- 代号唯
- 2016-08-16 17:28:39
你的第一个方法声明的变量为mychar1而不是mychar估计你是笔误，而且，你已经在全局声明了变量mychar,无须在局部声明了
-
- 苏格拉底晒太阳
- 2016-08-16 14:36:30
var mychar =document.getElementById("txt");这个语句写函数外面，写一次就行了，id只能调取一次。
JavaScript入门篇
739817 学习 · 9566 问题
相似问题