導航:首頁 > 知識科普 > 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可以創建節點的方法有哪些相關的資料

熱點內容
頸椎的鍛煉方法動作 瀏覽:774
播放旋耕機傳動軸的連接方法 瀏覽:474
專業手機殼拆卸方法 瀏覽:525
老鈞瓷壺鑒別方法 瀏覽:919
葡萄籽的製作方法和步驟 瀏覽:983
提取舊手機數據的方法 瀏覽:858
衣服帶電怎麼處理方法 瀏覽:54
脖子黑有啥好方法可以解決 瀏覽:78
教狗狗6個月上廁所最簡單方法 瀏覽:645
推拉紗窗面積計算方法 瀏覽:69
excel中lookup函數的使用方法 瀏覽:577
暖氣使用方法圖片和價格大全 瀏覽:398
電腦復制文本夾快速方法 瀏覽:46
兒童炒股的正確方法 瀏覽:359
如何除腋毛的方法 瀏覽:605
單冷水熱水器洗菜盆的連接方法 瀏覽:196
去除身體黑色素有什麼方法 瀏覽:787
加乘混合運算題簡便方法 瀏覽:422
營養土使用方法和技巧 瀏覽:686
男生練深蹲的正確方法 瀏覽:719