2 回答

TA貢獻1893條經驗 獲得超10個贊
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01獲取父節點</title> </head> <body> <ul id="nodeid"> <li>小米</li> <li id="chuizi">錘子</li> <li>華為</li> </ul> <script> //測試parentElement和parentNode的區別 /* parentNode - 獲取父節點 父級節點可以是所有節點類型,包括文檔節點
parentElement - 獲取父元素節點 父級必須是元素節點 -> 其實就必須是HTML的標簽 <html>標簽的父元素節點是null */ //查詢節點位置 var nodeid = document.getElementById('chuizi'); //獲取父節點 console.log(nodeid.parentElement);//獲取了ul節點 console.log(nodeid.parentNode);//獲取了ul節點
//在頂級元素節點上測試 var html = document.documentElement;//屬性可返回文檔的根節點 console.log(html.parentElement);//null console.log(html.parentNode);//#document文檔節點
//總結:如果獲取的不是頂級元素節點的情況下,兩者都是可以使用 //parentElement匹配的是parent為element(元素)的情況,而parentNode匹配的則是parent為node(節點)的情況。 </script> </body> </html> |
以前的筆記,直接可以運行!
- 2 回答
- 0 關注
- 1813 瀏覽
添加回答
舉報