                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

為什么按鈕沒有效果?。。?！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>無標題文檔</title>

body{margin:0;padding:0;}

.song1{ width:200px; font:16px "微軟雅黑",sans-serif; background:#CF6; margin:20px auto;}

.song2{ width:200px; font:16px "微軟雅黑",sans-serif; background:#CCC; margin:50px auto; padding:20px;}

.btn{margin:0 auto; width:200px;}

</style>

var c=document.getElementById("song");

//隱藏

function btnNone()

{

c.style.display="none";

}

//顯示

function btnShow()

{

c.style.display="block";

}

//更換css樣式

function btnClass()

{

c.className="song2";

}

//增加

function btnAdd()

{

}

//去除所有的js樣式

function btnRem()

{

c.removeAttribute("style");

}

</script>

</head>

<body>

<div ?id="song" class="song1">哀怨斷腸》，胡偉立的《市集》、《笑傲江湖曲（琴簫合奏）》，麥振鴻的《景天——護甲》、《雪見——仙凡之旅》、《莫失莫忘》、《長留山》、《癡顏》、《只相信你（不可說）》、《疤痕》</div>

<br/>

<hr/>

</div>

</body>

</html>

唯爾半截湘妃

2016-05-11

源自：JavaScript入門篇 4-1

關注問題我要回答

993

操作

收起

3 回答

唯爾半截湘妃提問者
2016-05-12

謝謝！

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

收起回答

不快逆流
2016-05-12

html文檔是自上而下加載的，加載到一個節(jié)點就渲染一個，加載到css、js文件就執(zhí)行。所以有時候會看到網(wǎng)頁上面已經(jīng)有內(nèi)容，底部還是空白?；蛘呔W(wǎng)速慢的時候，會看到頁面沒有樣式。以你的代碼來說，如果js代碼在前，節(jié)點<div id=song>在后，則，執(zhí)行js代碼的時候，網(wǎng)頁中還不存在，所以會得到c為nul或obj2為空集合。

<script?type="text/javascript">
var?c=document.getElementById("song");
alert(c);//彈出null
<script>
<div??id="song"?class="song1">
hello
</div>

而如果這樣

<div??id="song"?class="song1">
hello
</div>
<script?type="text/javascript">
var?c=document.getElementById("song");
alert(c);//彈出object?HTMLDivElement
<script>

與要獲取id的位置有關，而和在Button的前后沒有關系