收藏
PHPz批改状态：合格
老师批语：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>获取dom元素</title></head><body><ul class="list"><li class="item">item1</li><li class="item">item2</li><li class="item">item3</li><li class="item">item4</li><li class="item">item5</li></ul><script>//获取所有的li.item并且变成红色console.log(document);console.dir(document.querySelectorAll(".item"));const arr = document.querySelectorAll(".item");//用for循环for (let i = 0; i < arr.length; i++) {arr[i].style.color = "red";}//将第一个改为蓝色const firstItem = document.querySelector(".item");console.log(firstItem);firstItem.style.color = "blue";//获取body head title htmlconsole.log(document.body);console.log(document.head);console.log(document.title);console.log(document.documentElement);</script></body></html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
