Phương thức querySelectorAll() for trong JavaScript

Phương thức querySelectorAll() for trong JavaScript

Phương thức querySelectorAll() for trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức querySelectorAll() for trong JavaScript</title>
</head>
<body>

<h1>Phương thức querySelectorAll() for trong JavaScript</h1>
<p>Dùng để lấy danh sách các phần tử HTML có class giống nhau sau đó thực hiện các hành động như lấy giá trị của thuộc tính hoặc tạo các giá trị cho thuộc tính thông qua bộ chọn CSS mà bạn đưa vào, ở ví dụ này mình lấy các phần tử HTML có cùng một class sau đó dùng for để lặp qua danh sách các phần tử rồi thực hiện các hành động:</p>

<div id="divid">
    <p>Hàng 1</p>
    <p>Hàng 2</p>
    <p>Hàng 3</p>
    <p>Hàng 4</p>
    <p>Hàng 5</p>
</div>
<script>
// Lấy ID Cha
var divid = document.getElementById("divid");
// Lấy danh sách thẻ p trong div cha có id divid
var list = divid.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  // Lặp qua mỗi phần tử và cho css màu chữ đỏ
  list[i].style.color = "red";
}
</script>
</body>
</html>
Phương thức querySelectorAll() for trong JavaScript nằm trong bài viết Phương thức querySelectorAll() trong JavaScript