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

getElementById（）到底獲取的是什么。

為什么這么實(shí)現(xiàn)不了。我的想法是：getElementById（）獲取對(duì)象，然后引用對(duì)象實(shí)現(xiàn)屬性的更改。

qq_那海_0

2016-02-23

源自：JavaScript入門篇 3-5

關(guān)注問題我要回答

1752

操作

收起

5 回答

小梧桐_葉子
2016-03-13

最后，關(guān)于怎么修改可以不重復(fù)敲呢？
那就取出來吧，再創(chuàng)一個(gè)<script>便簽，放<body> 下 </p>標(biāo)簽之后即可，如下：

<p>...</p>
????<script>
???????var?mychar?=?document.getElementById("con");
????</script>
????<form>...</form>

實(shí)測(cè)，可行！

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

小梧桐_葉子
2016-03-13

首先復(fù)習(xí)下前兩節(jié)講的內(nèi)容，通過document.getElementById("id")可以獲取元素內(nèi)容，但具有的該id元素位于下面時(shí)，根據(jù)瀏覽器從上而下（同一優(yōu)先級(jí)）解析順序可以知道，瀏覽器正在讀取<head>中的<script>命令，而該命令卻是要調(diào)需用<body>中的id 便簽內(nèi)容，此時(shí)瀏覽器并不知道<body>到底寫了什么鬼，正如另一位同學(xué)說的，瀏覽器頓時(shí)就二了。

所以元素不能正常獲取，輸出值為： null ?

eg：

<html>
<head>
<script>
??var?mychar?=?document.getElementById("con");
???document.write(mychar);??????????????????????????//輸出???null
</script>
</head>
<body>
?????<p?id="con">?你找不著我^-^?</p>
<body>
</html>

到這可能又有問題了，先看下這個(gè)例子：

<html>
<head>
<title>display</title>
????<script?type="text/javascript">?
????
????????function?hidetext()??
{??
var?mychar?=?document.getElementById("con");
????????mychar.style.display="none";
}??
????</script>?
</head>?
<body>??
????<h1>JavaScript</h1>??
????<p?id="con">做為一個(gè)Web開發(fā)師來說，如果你想提供漂亮的網(wǎng)頁、令用戶滿意的上網(wǎng)體驗(yàn)，JavaScript是必不可少的工具。</p>?
????<form>
???????<input?type="button"?onclick="hidetext()"?value="隱藏內(nèi)容"?/>?
????</form>
</body>?
</html>

從上面可以看出document.getElementById("con")依舊位于被獲取對(duì)象id 之前，可這為什么不顯示null卻能正常顯示呢，關(guān)鍵原因是有他在：?
function 函數(shù)?? .

從第一章最后一節(jié)有講過關(guān)于函數(shù)調(diào)用說明，函數(shù)不能自動(dòng)執(zhí)行的，?執(zhí)行需調(diào)用，到這大概就清楚了，這例子能正常運(yùn)行原因在于使用了function hidetext() 函數(shù) ，使得瀏覽器運(yùn)行到<script>內(nèi) funciton 函數(shù)時(shí)不會(huì)立即執(zhí)行解析出結(jié)果，函數(shù)會(huì)等待被調(diào)用，瀏覽器會(huì)繼續(xù)按順序解析下去，直到<button>出現(xiàn)，觸發(fā)按鈕，此時(shí)所有內(nèi)容以表達(dá)，而函數(shù)下的?document.getElementById("con") 就靜靜等待直到被運(yùn)行 ~ perfect

update：剛把<form></form>放<p></p>之前了，功能正常，這是說明<body>內(nèi)優(yōu)先級(jí)平等嗎，求解？