javacript入門篇編程挑戰,完成代碼后達不到效果
?代碼如下:搞不懂為什么~
<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");
? ? }
? ??
}
2016-08-16
2個地方 ?
1、47,48行 ?要這么寫,px是字符串連接
mychar.style.height=30+'px'
mychar.style.width=100+'px';
2、72行??mychar.removrAttribute("style");拼寫錯誤了,應該是
mychar.removeAttribute("style");
2016-08-16
? mychar.style.height="30px";
? ? mychar.style.width="100px"
? if(choice==1)
mychar.removeAttribute("style");
2016-08-16
你的第一個方法聲明的變量為mychar1而不是mychar估計你是筆誤,而且,你已經在全局聲明了變量mychar,無須在局部聲明了
2016-08-16
var mychar =document.getElementById("txt");這個語句寫函數外面,寫一次就行了,id只能調取一次。