Thuộc tính children dạng list trong JavaScript

Thuộc tính children dạng list trong JavaScript

Thuộc tính children dạng list trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Thuộc tính children dạng list trong JavaScript</title>
</head>
<body>

<h1>Thuộc tính children dạng list trong JavaScript</h1>
<p>Thuộc tính children trong JavaScript dùng để lấy thông tin từng phần tử HTML trong một thẻ select, ul, body,... ngoài ra còn đếm được tổng số phần tử con, bạn có thể thực hiện css lên từng phần tử HTML khác nhau, ở ví dụ này mình lặp những phần tử con và lấy giá trị và tên thẻ của chúng:</p>

<select id="selectid">
 <option value="19">19 Tuổi</option>
 <option value="20">20 Tuổi</option>
 <option value="21">21 Tuổi</option>
 <option value="22">22 Tuổi</option>
 <option value="23">20 Tuổi</option>
</select>
<br>
<script>
const soluong = document.getElementById("selectid").children.length;
document.write("<b> Số lượng phần tử: "+soluong+"</b><br>");
const list = document.getElementById("selectid").children;
for (let i = 0; i < list.length; i++) {
   document.write("<b>"+list[i].innerHTML+"</b><br>");
   document.write("value: "+list[i].value+"<br>");
   document.write("Tên thẻ: "+list[i].tagName+"<br>");
}
</script>
</body>
</html>
Thuộc tính children dạng list trong JavaScript nằm trong bài viết Thuộc tính children trong JavaScript