課程
/前端開發
/JavaScript
/JavaScript入門篇
為什么按著按鈕它不起作用呢？我已經寫了代碼了呀
2015-10-18
源自：JavaScript入門篇 4-1
正在回答
回復 何唔唔：大哥，你這錯的有點小多，第一，你的按鈕沒有綁定函數，第二，你的html文本沒有指明給誰添加id
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"?xml:lang="en"> <head> ????<meta?http-equiv="Content-Type"?content="text/html;charset=UTF-8"> ????<title>Document</title> </head> <body> ????<form> ????<!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件--> ????????<input?type="button"?value="改變顏色"?onclick="dcolor()">? ????????<input?type="button"?value="改變寬高"?onclick="dwh()"> ????????<input?type="button"?value="隱藏內容"?onclick="dh()"> ????????<input?type="button"?value="顯示內容"?onclick="dclear()"> ????????<input?type="button"?value="取消設置"?onclick="ds()"> ????????<p?id="txt">這是發生改變的地方</p> ????</form> </body> ????<script> ????????function?dcolor(){ ????????????var?mychar?=?document.getElementById("txt");?? ????????????mychar.style.color="red"; ????????????mychar.style.backgroundColor="#ccc"; ????????} ?????? ????????function?dwh(){ ????????????var?mychar?=?document.getElementById("txt");?? ????????????mychar.style.width="400px"; ????????????mychar.style.height="200px"; ????????} ???????? ????????function?dh(){ ????????????var?mychar?=?document.getElementById("txt");?? ????????????mychar.style.display="none"; ????????} ???????? ????????function?dclear(){ ????????????if(confirm("是否取消?")){ ????????????????var?mychar?=?document.getElementById("txt");?? ????????????????mychar.style.color="#000"; ????????????????mychar.style.backgroundColor="#fff"; ????????????????mychar.style.width="600px"; ????????????????mychar.style.height="400px"; ????????????????mychar.style.display="block"; ????????????} ????????} ????????function?ds(){ ????????????var?mychar?=?document.getElementById("txt");?? ????????????mychar.style.display="block"; ????????} ????</script> </html>
慕慕0063379 提問者
你的按鈕代碼呢？
后天是小魚
function dcolor(){
? ? ?var mychar = document.getElementById("txt"); ?
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
? ?
function dwh(){
var mychar = document.getElementById("txt"); ?
mychar.style.width="400px";
mychar.style.height="200px";
function dh(){
mychar.style.display="none";
function dclear(){
if(confirm("是否取消?")){
mychar.style.color="#000";
mychar.style.backgroundColor="#fff";
mychar.style.width="600px";
mychar.style.height="400px";
mychar.style.display="block";
function ds(){
代碼要整出來啊，要不然咋知道哪兒錯了
貼代碼
舉報
JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門
5 回答點擊按鈕不起作用
1 回答點擊按鈕沒反應
2 回答點擊按鈕沒反應
3 回答點擊按鈕沒反應
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-10-18
回復 何唔唔：大哥，你這錯的有點小多，第一，你的按鈕沒有綁定函數，第二，你的html文本沒有指明給誰添加id
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"?xml:lang="en"> <head> ????<meta?http-equiv="Content-Type"?content="text/html;charset=UTF-8"> ????<title>Document</title> </head> <body> ????<form> ????<!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件--> ????????<input?type="button"?value="改變顏色"?onclick="dcolor()">? ????????<input?type="button"?value="改變寬高"?onclick="dwh()"> ????????<input?type="button"?value="隱藏內容"?onclick="dh()"> ????????<input?type="button"?value="顯示內容"?onclick="dclear()"> ????????<input?type="button"?value="取消設置"?onclick="ds()"> ????????<p?id="txt">這是發生改變的地方</p> ????</form> </body> ????<script> ????????function?dcolor(){ ????????????var?mychar?=?document.getElementById("txt");?? ????????????mychar.style.color="red"; ????????????mychar.style.backgroundColor="#ccc"; ????????} ?????? ????????function?dwh(){ ????????????var?mychar?=?document.getElementById("txt");?? ????????????mychar.style.width="400px"; ????????????mychar.style.height="200px"; ????????} ???????? ????????function?dh(){ ????????????var?mychar?=?document.getElementById("txt");?? ????????????mychar.style.display="none"; ????????} ???????? ????????function?dclear(){ ????????????if(confirm("是否取消?")){ ????????????????var?mychar?=?document.getElementById("txt");?? ????????????????mychar.style.color="#000"; ????????????????mychar.style.backgroundColor="#fff"; ????????????????mychar.style.width="600px"; ????????????????mychar.style.height="400px"; ????????????????mychar.style.display="block"; ????????????} ????????} ????????function?ds(){ ????????????var?mychar?=?document.getElementById("txt");?? ????????????mychar.style.display="block"; ????????} ????</script> </html>2015-10-18
你的按鈕代碼呢？
2015-10-18
function dcolor(){
? ? ?var mychar = document.getElementById("txt"); ?
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}
? ?
function dwh(){
var mychar = document.getElementById("txt"); ?
mychar.style.width="400px";
mychar.style.height="200px";
}
function dh(){
var mychar = document.getElementById("txt"); ?
mychar.style.display="none";
}
function dclear(){
if(confirm("是否取消?")){
var mychar = document.getElementById("txt"); ?
mychar.style.color="#000";
mychar.style.backgroundColor="#fff";
mychar.style.width="600px";
mychar.style.height="400px";
mychar.style.display="block";
}
}
function ds(){
var mychar = document.getElementById("txt"); ?
mychar.style.display="block";
}
2015-10-18
代碼要整出來啊，要不然咋知道哪兒錯了
2015-10-18
貼代碼