jquery怎么獲取當前元素的父元素
2 回答
白豬掌柜的
TA貢獻1893條經(jīng)驗 獲得超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獲取父節(jié)點</title> </head> <body> <ul id="nodeid"> <li>小米</li> <li id="chuizi">錘子</li> <li>華為</li> </ul> <script> //測試parentElement和parentNode的區(qū)別 /* parentNode - 獲取父節(jié)點 父級節(jié)點可以是所有節(jié)點類型，包括文檔節(jié)點
parentElement - 獲取父元素節(jié)點 父級必須是元素節(jié)點 -> 其實就必須是HTML的標簽 <html>標簽的父元素節(jié)點是null */ //查詢節(jié)點位置 var nodeid = document.getElementById('chuizi'); //獲取父節(jié)點 console.log(nodeid.parentElement);//獲取了ul節(jié)點 console.log(nodeid.parentNode);//獲取了ul節(jié)點
//在頂級元素節(jié)點上測試 var html = document.documentElement;//屬性可返回文檔的根節(jié)點 console.log(html.parentElement);//null console.log(html.parentNode);//#document文檔節(jié)點
//總結:如果獲取的不是頂級元素節(jié)點的情況下，兩者都是可以使用 //parentElement匹配的是parent為element(元素)的情況，而parentNode匹配的則是parent為node(節(jié)點)的情況。 </script> </body> </html> |
以前的筆記，直接可以運行！
- 2 回答
- 0 關注
- 1811 瀏覽
添加回答
舉報
0/150
提交
取消