首頁 > 開發者 > JavaScript
標籤：
【刪除節點】
步驟：
① 找到對象
② 找到他的父物件 parentObj
③ parentObj.removeChild(子物件);
【例】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width: 300px; height: 300px; background: blue; border-bottom: 1px solid black; } </style> <script> function del(){ var lis = document.getElementsByTagName("li"); var lastLi = lis[lis.length-1]; lastLi.parentNode.removeChild(lastLi); } </script></head><body> <input type="button" value="刪除最後一個li" onclick="del();"> <ul> <li>白羊</li> <li>金牛</li> <li>雙子</li> <li>巨蟹</li> </ul></body></html>
【建立節點】
步驟：
① 建立對象
② 找到父物件 parentObj
③ parentObj.addChild(對象);
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width: 300px; height: 300px; background: blue; border-bottom: 1px solid black; } </style> <script> function add(){ //建立li var li = document.createElement("li"); //建立文本節點 var txt = document.createTextNode("海魔女"); //插入文本節點到li li.appendChild(txt); //把li插入ul document.getElementsByTagName("ul")[0].appendChild(li); } </script></head><body> <input type="button" value="追加一個li" onclick="add();"> <ul> <li>白羊</li> <li>金牛</li> <li>雙子</li> <li>巨蟹</li> </ul></body></html>
Javascript 筆記與總結（2-10）刪除節點，建立節點
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
