亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

請幫忙看下哪兒出問題了?顏色和寬高點擊沒反應

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />

<title>javascript</title>

<style type="text/css">

body{font-size:12px;}

#txt{

? ? height:400px;

? ? width:600px;

border:#333 solid 1px;

padding:5px;}

p{

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

? <h2 id="con">JavaScript課程</H2>

? <div id="txt">?

? ? ?<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>

? ? ? ? <p>1. JavaScript入門篇,讓不懂JS的你,快速了解JS。</p>

? ? ? ? <p>2. JavaScript進階篇,讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p>

? ? ? ? <p>3. 學完以上兩門基礎課后,在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>

? </div>

? <form>

? <!--當點擊相應按鈕,執行相應操作,為按鈕添加相應事件-->

? ? <input type="button" value="改變顏色" onclick="chgc()";> ?

? ? <input type="button" value="改變寬高" onclick="chgt()">

? ? <input type="button" value="隱藏內容" onclick="hid()">

? ? <input type="button" value="顯示內容" onclick="apper()">

? ? <input type="button" value="取消設置" onclick="rmv()">

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數

var mychar=document.getElementById("txt");

function chgc(){

? ?var mychar=document.getElementById("txt");

? ?var c1=prompt("請輸入文本顏色!","red");

? ? ?if(c1!=null){

? ? ? ? ?mychar.style.color=c1;

? ? ? ? ?}

? ?var b2=prompt("請輸入背景顏色!","#ccc");

? ? ?if(b2!=null){

? ? ? ? ?mychar.style.backgroundColor=b2;

? ? ? ? ?}

? ? ?}

//定義"改變寬高"的函數

function chgt(){

? ?var mychar=document.getElementById("txt");

? ?var wth=prompt("Please","500px")

? ? ?if(wth!=null){

? ? ? ? ?mychar.style.width=wth;

? ? ? ? }

? ?var heit=prompt("height","400px")

? ? ?if(heit!=null){

? ? ? ? ?mychar.style.height=heit;

? ? ? ? }

? ? }

//定義"隱藏內容"的函數

function hid(){

? ? var mychar=document.getElementById("txt"); ?

? ? ? ? ?mychar.style.display="none";

}

//定義"顯示內容"的函數

function apper(){

? ?var mychar=document.getElementById("txt"); ? ??

? ? ? ? mychar.style.display="block";

}

//定義"取消設置"的函數

function rmv(){

? ?var mychar=document.getElementById("txt");?

? ? mychar.removeAttribute("style");

}



? </script>

</body>

</html>


正在回答

2 回答

把你的代碼復制過去,沒有問題。樓上回答的并不正確,prompt在取消的時候返回的確實是null,顏色也只是字面量賦值,用變量來做并不會導致錯誤??赡苁蔷W頁加載的原因導致顯示不及時?

0 回復 有任何疑惑可以回復我~
#1

戰鬬

關于prompt()確實說得不對,但lz代碼沒用的原因就是var c1=prompt("請輸入文本顏色!","red");然后mychar.style.color=c1。 謝謝指正!
2016-02-25 回復 有任何疑惑可以回復我~
#2

戰鬬

看錯了。。原來是prompt不是confirm。。。
2016-02-25 回復 有任何疑惑可以回復我~
#3

qq_G_29 提問者

確實,今天就可以了
2016-02-26 回復 有任何疑惑可以回復我~

當然沒有反應。。。

以chgc( )為例,c1是一個布爾類的返回值,判斷的時候直接用,eg. if (c1) { ...}。就算要比較也是true或flase兩種比較合適,用null很奇怪。另外一個問題就是,不能直接用c1賦值給color,可以選擇一種顏色賦值過去啊,eg. mychar.style.color="red"。

繼續加油吧!

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

請幫忙看下哪兒出問題了?顏色和寬高點擊沒反應

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號