代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <ul class="nav" id="nav"> <li class="item">我的首页</li> <li class="item">产品首页</li> <li class="item">练习方式</li> </ul> <script> // 根据id查找单个元素 let nav = document.getElementById('nav') console.log(nav) // 根据类名查找集合(多个元素) let items = document.getElementsByClassName('item') console.log(items) // 根据标签名获取元素 let lis = document.getElementsByTagName('li') console.log(lis) </script> </body> </html>
效果图:
web API-DOM-了解-其他获取对象的方法
最新推荐文章于 2024-10-12 10:19:22 发布