首頁(yè) 猿問(wèn) 為啥在使用appendChild時(shí)...

為啥在使用appendChild時(shí)不使用var變量就沒(méi)法工作？

JavaScript

慕仰0923016 2016-10-07 12:51:10

以下代碼正常工作：function charu(){ var para=document.createElement("p"); var txt=document.createTextNode("我的世界"); document.getElementsByTagName("body")[0].appendChild(para); para.appendChild(txt);以下代碼不工作：function charu(){ document.getElementsByTagName("body")[0].appendChild(document.createElement("p")); document.createElement("p").appendChild(document.createTextNode("我的世界"));按理說(shuō)，它們應(yīng)該完全等同?。?

查看完整描述

2 回答

已采納

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

這里不工作的代碼寫(xiě)成了2句，第一句執(zhí)行完并未被儲(chǔ)存，然后執(zhí)行第二句，所以這里第二句和第一句沒(méi)有任何關(guān)系；

所以不能分成2距，連著寫(xiě)，就是等價(jià)的：

document.getElementsByTagName("body")[0].appendChild(document.createElement("p")).appendChild(document.createTextNode("我的世界"));

1 反對(duì) 回復(fù) 2016-10-07

慕仰0923016
謝謝，真是這個(gè)問(wèn)題，看樣子以后要加變量就能預(yù)防這類問(wèn)題。。。。

回復(fù) 2016-10-07
慕仰0923016
那為啥這樣也不工作？。。。。。。。 function charu(){ var para=document.createElement("p"); document.getElementsByTagName("body")[0].appendChild(document.createElement); para.appendChild(document.createTextNode("我的世界")); } 只能變成這樣就能工作： function charu(){ var para=document.createElement("p"); document.getElementsByTagName("body")[0].appendChild(para); para.appendChild(document.createTextNode("我的世界")); }

回復(fù) 2016-10-07
慕仰0923016
我寫(xiě)在下面了

回復(fù) 2016-10-07

慕仰0923016

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊

這樣也不工作？。。。

function charu(){

var para=document.createElement("p");

document.getElementsByTagName("body")[0].appendChild(document.createElement（"p"）);

para.appendChild(document.createTextNode("我的世界"));

}

反對(duì) 回復(fù) 2016-10-07

stone310
一樣的，你這里第一句跟第二句沒(méi)有關(guān)系；這里執(zhí)行完para已經(jīng)是帶有“我的世界”的P標(biāo)簽，即<p>我的世界</p>；但是body.appendChild方法添加的并不是para，而是一個(gè)空的<p>標(biāo)簽； para雖然已經(jīng)創(chuàng)建了，但并沒(méi)有添加到body上，反而是添加了一個(gè)空的P到body上

回復(fù) 2016-10-07
慕仰0923016
剛剛看到，謝謝，我慢慢理解理解

回復(fù) 2016-10-09