Hướng dẫn html loop through elements - html vòng lặp qua các phần tử
|
Xem thảo luận Show
Cải thiện bài viết Lưu bài viết Xem thảo luận Cải thiện bài viết Lưu bài viết Đọc Bàn luậnUsing the for loop: The HTML elements can be iterated by using the regular JavaScript for loop. The number of elements to be iterated can be found using the length property. The for loop has three parts, initialization, condition expression, and increment/decrement expression. Each of the items can be accessed by using square brackets with their respective index. Syntax: for (let i = 0; i < elements.length; i++) {
console.log(elements[i]);
}
Example: Trong bài viết này, chúng ta sẽ học cách lặp qua các phần tử HTML mà không cần sử dụng phương thức foreach ().
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0<let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}3let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2>let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0<let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}9let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2>let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0<let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2for (element of elements) {
console.log(element);
}5let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2>Cách tiếp cận 1: Sử dụng vòng lặp For: Các phần tử HTML có thể được lặp lại bằng cách sử dụng JavaScript thông thường cho vòng lặp. Số lượng các phần tử được lặp lại có thể được tìm thấy bằng cách sử dụng thuộc tính chiều dài. Vòng lặp cho ba phần, khởi tạo, biểu thức điều kiện và biểu thức tăng/giảm. Mỗi mục có thể được truy cập bằng cách sử dụng dấu ngoặc vuông với chỉ mục tương ứng của chúng.
HTML
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0html4
Output: 
Syntax: let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}Example: Trong bài viết này, chúng ta sẽ học cách lặp qua các phần tử HTML mà không cần sử dụng phương thức foreach ().
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0<let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}3let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2>Cách tiếp cận 1: Sử dụng vòng lặp For: Các phần tử HTML có thể được lặp lại bằng cách sử dụng JavaScript thông thường cho vòng lặp. Số lượng các phần tử được lặp lại có thể được tìm thấy bằng cách sử dụng thuộc tính chiều dài. Vòng lặp cho ba phần, khởi tạo, biểu thức điều kiện và biểu thức tăng/giảm. Mỗi mục có thể được truy cập bằng cách sử dụng dấu ngoặc vuông với chỉ mục tương ứng của chúng. let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0<let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2for (element of elements) {
console.log(element);
}5let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2>Cách tiếp cận 1: Sử dụng vòng lặp For: Các phần tử HTML có thể được lặp lại bằng cách sử dụng JavaScript thông thường cho vòng lặp. Số lượng các phần tử được lặp lại có thể được tìm thấy bằng cách sử dụng thuộc tính chiều dài. Vòng lặp cho ba phần, khởi tạo, biểu thức điều kiện và biểu thức tăng/giảm. Mỗi mục có thể được truy cập bằng cách sử dụng dấu ngoặc vuông với chỉ mục tương ứng của chúng.
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}00
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}02
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}04
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}06
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}08
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}10<5let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}12
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}18
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}20
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0html4HTML
Output:
Syntax: for (element of elements) {
console.log(element);
}Example: Trong bài viết này, chúng ta sẽ học cách lặp qua các phần tử HTML mà không cần sử dụng phương thức foreach ().
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0<let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}3let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2>let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0<let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}9let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2>let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0<let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2for (element of elements) {
console.log(element);
}5let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}2>Cách tiếp cận 1: Sử dụng vòng lặp For: Các phần tử HTML có thể được lặp lại bằng cách sử dụng JavaScript thông thường cho vòng lặp. Số lượng các phần tử được lặp lại có thể được tìm thấy bằng cách sử dụng thuộc tính chiều dài. Vòng lặp cho ba phần, khởi tạo, biểu thức điều kiện và biểu thức tăng/giảm. Mỗi mục có thể được truy cập bằng cách sử dụng dấu ngoặc vuông với chỉ mục tương ứng của chúng.
HTML
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}70
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}72
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}74
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}78
let i = 0;
while(i < elements.length) {
console.log(elements[i]);
i++;
}0html5>
Output: |
