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