為什么一點反應都沒有
?<script type="text/javascript">
//定義"改變顏色"的函數
function color(){
? ? var col=document.geElementById("txt");
? ? col.style.backgroundColor="blue";
}
//定義"改變寬高"的函數
function high(){
? ? var h=document.geElementById("txt");
? ? h.style.width="500px";
? ? h.style,height="500px";
}
//定義"隱藏內容"的函數
function none(){
? ? var no=document.geElementById("txt");
? ? no.style.display="none";
}
//定義"顯示內容"的函數
function block(){
? ? var no=document.geElementById("txt");
? ? no.style.display="block";
}
//定義"取消設置"的函數
function qu(){
? ? ?txt.removeAttribute("style");
}
2018-08-06
因為你沒在按鈕里面添加響應onclick
2018-08-08
可以將獲取txt的元素id對象抽取到方法外面，這樣就不用重復le
2018-08-06
<form>
? <!--當點擊相應按鈕，執行相應操作，為按鈕添加相應事件-->
? ? <input type="button" value="改變顏色" onClick="color()">??
? ? <input type="button" value="改變寬高" onClick="high()">
? ? <input type="button" value="隱藏內容" onClick="none()">
? ? <input type="button" value="顯示內容" onClick="block()">
? ? <input type="button" value="取消設置" onClick="quxiao()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數
function color(){
? ? var col=document.geElementById("txt");
? ? col.style.backgroundColor="blue";
}
//定義"改變寬高"的函數
function high(){
? ?// var h=document.geElementById("txt");
? ?text.style.width="500px";
? ? h.style,height="500px";
}
//定義"隱藏內容"的函數
function none(){
? ? var no=document.geElementById("txt");
? ? no.style.display="none";
}
//定義"顯示內容"的函數
function block(){
? ? var no=document.geElementById("txt");
? ? no.style.display="block";
}
//定義"取消設置"的函數
function qu(){
? ? ?txt.removeAttribute("style");
}
? </script>
2018-08-06
在<form>標簽里的button少一部分代碼，可以對比之前課程的按鈕，寫一個onClick= "函數名()"就好了