導航:首頁 > 知識科普 > js可以創建節點的方法有哪些

js可以創建節點的方法有哪些

發布時間:2024-04-23 19:43:22

『壹』 鍏充簬JS涓璦ppendChild鐨勭敤娉

//鍒涘緩p鑺傜偣
varpara=document.createElement("p");
//鍒涘緩鏂囨湰鑺傜偣
varnode=document.createTextNode("榪欐槸鏂版佃惤銆");
//鎶婃枃鏈鑺傜偣娣誨姞鍒皃鑺傜偣閲
para.appendChild(node);

//鏌ユ壘div1
varelement=document.getElementById("div1");
//鎶妏鑺傜偣娣誨姞鍒癲iv1閲
element.appendChild(para);
//鏈緇坔tml緇撴瀯
//<divid="div1">
//<pid="p1">榪欐槸涓涓孌佃惤銆</p>
//<pid="p2">榪欐槸鍙︿竴涓孌佃惤銆</p>
//<p>榪欐槸鏂版佃惤銆</p>
//</div>
//浣犳祴璇曠殑浠g爜
//鍒涘緩鏂囨湰鑺傜偣
varnode=document.createTextNode("榪欐槸鏂版佃惤銆");

//鏌ユ壘div1
varelement=document.getElementById("div1");
//鎶婃枃鏈鑺傜偣娣誨姞鍒癲iv1閲
element.appendChild(node);
//鏈緇坔tml緇撴瀯
//<divid="div1">
//<pid="p1">榪欐槸涓涓孌佃惤銆</p>
//<pid="p2">榪欐槸鍙︿竴涓孌佃惤銆</p>
//榪欐槸鏂版佃惤銆
//</div>

『貳』 js濡備綍鍔ㄦ佸壋寤簍r

1銆侀氳繃createElement鍒涘緩tr鑺傜偣

vartr=document.createElement('tr');//鍒涘緩tr鑺傜偣

2銆佸線table涓澧炲姞tr鑺傜偣

vartable=document.getElementsByTagName('table')[0];//鑾峰彇table鑺傜偣
table.appendChild(tr);//娣誨姞tr鑺傜偣

『叄』 JS奼傚姪 濡傚浘錛屾垜鎯沖湪div鍐呮坊鍔犺妭鐐硅佹庝箞娣誨姞錛

document.div....
鏀逛負
document.getElementsByTagName("div")[0]....

閱讀全文

與js可以創建節點的方法有哪些相關的資料

熱點內容
計算訓練方法 瀏覽:262
貝伐他汀的食用方法 瀏覽:468
19乘18分之11簡便方法 瀏覽:48
eacker裁紙刀安裝方法 瀏覽:452
駕校不同年齡教練教學方法 瀏覽:923
骨髓炎最好治療方法 瀏覽:20
簡便方法視頻 瀏覽:665
福州護理本科畢業論文研究方法 瀏覽:403
制劑分析首選的方法 瀏覽:404
百花縮陰的使用方法 瀏覽:68
雌二醇的鑒別方法圖解 瀏覽:177
脂肪快速減肥方法 瀏覽:222
水草膠水的使用方法 瀏覽:773
亮潔皙顏祛斑精華液使用方法 瀏覽:735
大學怎麼修改病句的方法技巧 瀏覽:186
解決汽車空調噪音的方法 瀏覽:783
治療失戀的終極方法 瀏覽:967
簡述繪制建築施工圖的步驟和方法 瀏覽:793
復制粘貼的接龍方法怎麼弄 瀏覽:648
齊橙種植管理方法視頻 瀏覽:648