按鈕沒反應(yīng),求大佬幫忙看看是哪里出了問題
<input type="button" value="改變顏色" onclick="changeColor()"> ?
? ? <input type="button" value="改變寬高" onClick="changeWidHei()">
? ? <input type="button" value="隱藏內(nèi)容"? onClick="hide()">
? ? <input type="button" value="顯示內(nèi)容"? onClick="display()">
? ? <input type="button" value="取消設(shè)置" onClick="cancel()">
? </form>
? <script type="text/javascript">
? ? function changeColor() {
? ? ? ? var cont=document.getElementById("txt");
? ? ? ? cont.style.color="red";
? ? ? ? cont.style.backgroundColor="#ccc";
? ? }
?? function changeWidHei() {
? ? ? ? var cont=document.getElementById("txt");
? ? ? ? cont.style.width="100px";
? ? ? ? cont.style.height="100px";
? ? }
? ? function hide() {
? ? ? ? var cont=document.getElementById("txt");
? ? ? ? cont.style.display="none";
? ? }
? ? function display() {
? ? ? ? var cont = document.getElementById("txt");
? ? ? ? con.style.display="block";
? ? }
? function.style.cancel() {
? ? ? ? var cont = document.getElementById("txt");
? ? ? ? var can=confirm("是否取消?");
? ? ? ? if (can == true) {
? ? ? ? ? ? cont.style="";
? ? ? ? ? ? mychar.className="txt";
? ? ? ? }
? ? ? ? else {
? ? ? ? ? ? alert("bb");
? ? ? ? }
? ? }
2018-06-15
兄弟,你這錯有點多啊
你除了第一個onclick是對的,后面的C都大寫了。
你display里面的方法,cont寫成了con。
你的取消函數(shù)寫的太復(fù)雜了,代碼如下,直接設(shè)置cont.style的屬性等于上面設(shè)置的樣式就可以了(設(shè)置了樣式的情況下)。
? ? var cont =?document.getElementById("txt");
? ? function close1(){
? ? var message=confirm("是否取消設(shè)置");
? ? if(message==true){
? ? ? ? cont.style="txt"
? ? }
? ? }
? ?4.或者用
? ? function qx(){ ?var mychar=document.getElementById("txt");
? ? ? ? ? ? ? ? ? ? var qd=confirm("是否要取消");
? ? ? ? ? ? ? ? ? ? if(qd=true){ mychar.removeAttribute("style");;}
? ? ? ? ? ? ? ? ? ? else{alert("不改變");}
? ? ? ? ? ? ? ? ? ? }
mychar.removeAttribute("style");取消樣式的方法。
建議你的var mychar=document.getElementById("txt");可以放在函數(shù)外面聲明成全局變量,就不用每個函數(shù)都重新聲明了,每個函數(shù)都可以直接調(diào)用 就像我上面第一個寫的那個方法一樣。
2018-06-14
這個函數(shù)定義方式錯了,把style去掉就行了
2018-06-14
最下面多了一個花括號,我開始也忘了刪,找bug找了半天。
另外,你取消設(shè)置代碼這樣寫貌似不行吧。這里面沒講,我看了下示例代碼,要用removeAttribute()方法。
代碼: