DOM的編程挑戰
??? <input type="button" value="改變顏色" onclick="colorchange()">?
??? <input type="button" value="改變寬高" onclick="widthchange()">
??? <input type="button" value="隱藏內容" onclick="hidetext()">
??? <input type="button" value="顯示內容" onclick="showtext()">
??? <input type="button" value="取消設置" onclick="cancel()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數
function colorchange()
{
?? document.getElementById("txt").style.color="pink";
?? document.getElementById("txt").style.backgroundColor="green";
}
//定義"改變寬高"的函數
function widthchange(){
??? document.getElementById("con","txt").style.width="700px";
??? document.getElementById("con","txt").style.height="500px";
}
//定義"隱藏內容"的函數
function hidetext(){
??? document.getElementById("txt").style.display="none";
}
//定義"顯示內容"的函數
function showtext(){
??? document.getElementById("txt").style.display="block";
}
//定義"取消設置"的函數
function cancel(){
??? var message=confirm("是否取消設置？");
??? if(massage==true)
??? {
??????? txt.removeAttribute("style");
??? }
}
為什么那個取消設置沒有用？
2017-04-09
document.getElementById("txt").removeAttribute("style");這樣也行
2017-04-10
因為你定義變量的時候寫點“message”，if語句中“message”打成了“massage”
2017-04-09
沒有獲取節點
var txt = document.getElementById('txt');
2017-04-09
function cancel(){
? ? var mydone = confirm('是否取消設置');
? ? if(mydone == true){
? ? ? ? text.setAttribute("style", "");
? ? }
可以這么用
2017-04-09
最后一個用的好