                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門(mén)篇

哪里寫(xiě)錯(cuò)了嗎？為什么點(diǎn)擊后沒(méi)反應(yīng)

<input type="button" value="改變顏色" onclick="setColor()" >?
??? <input type="button" value="改變寬高" onclick="setWandH()" >
??? <input type="button" value="隱藏內(nèi)容" onclick="hideTxt()">
??? <input type="button" value="顯示內(nèi)容"onclick="display()" >
??? <input type="button" value="取消設(shè)置" onclick="setConfirm()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數(shù)
function setColor(){
??? var message=document.getElementById("txt")
??? message.style.color="red";
??? message.style.backgroundColor="green";
}

//定義"改變寬高"的函數(shù)
function setWandH(){
??? var message=document.getElementById("txt");
??? message.style.width=200px;
??? message.style.hight=200px;
}

//定義"隱藏內(nèi)容"的函數(shù)
function hideTxt(){
??? var message=document.getElementById("txt");
??? message.style.display="none";
}

//定義"顯示內(nèi)容"的函數(shù)
function display(){
??? var message=document.getElementById("txt");
??? message.style.display="block";
}

//定義"取消設(shè)置"的函數(shù)
function setConfirm(){
??? var str=document.getElementById("txt");
??? var message=confirm("要取消設(shè)置嗎？");
??? if(message==true)
??? {
??????? str.removeAttribute("style");
??? }
}

? </script>

Anneyth

2015-12-10

源自：JavaScript入門(mén)篇 4-1

關(guān)注問(wèn)題我要回答

830

操作

收起

1 回答

木子舟義
2015-12-10

<!DOCTYPE?html>
<html>

<head>
????<meta?charset="UTF-8">
????<title>Document</title>
????<style>
#txt{
width:?400px;
height:?400px;
background-color:?red;
}
????</style>
</head>

<body>
????<input?type="button"?value="改變顏色"?onclick="setColor()">
????<input?type="button"?value="改變寬高"?onclick="setWandH()">
????<input?type="button"?value="隱藏內(nèi)容"?onclick="hideTxt()">
????<input?type="button"?value="顯示內(nèi)容"?onclick="display()">
????<input?type="button"?value="取消設(shè)置"?onclick="setConfirm()">
????<div?id="txt"></div>
????</form>
????<script?type="text/javascript">
????//定義"改變顏色"的函數(shù)
????function?setColor()?{
????????var?message?=?document.getElementById("txt")
????????message.style.color?=?"red";
????????message.style.backgroundColor?=?"green";
????}

????//定義"改變寬高"的函數(shù)
????function?setWandH()?{
????????var?message?=?document.getElementById("txt");
????????message.style.width?=?200?+?"px";
????????message.style.height?=?200?+??"px";
????}
????//定義"隱藏內(nèi)容"的函數(shù)
????function?hideTxt()?{
????????var?message?=?document.getElementById("txt");
????????message.style.display?=?"none";
????}
????//定義"顯示內(nèi)容"的函數(shù)
????function?display()?{
????????var?message?=?document.getElementById("txt");
????????message.style.display?=?"block";
????}
????//定義"取消設(shè)置"的函數(shù)
????function?setConfirm()?{
????????var?str?=?document.getElementById("txt");
????????var?message?=?confirm("要取消設(shè)置嗎？");
????????if?(message?==?true)?{
????????????str.removeAttribute("style");
????????}
????}
????</script>
</body>

</html>

你的

? ? ? ?message.style.width = 200 + "px";
? ? ? ?message.style.height = 200 + ?"px";?

這兩句寫(xiě)錯(cuò)了