خصائص الأطفال في DOM HTML

مثلث جافا سكربت عنصر DOM

childrenيستعيد خاصية الـ childProperties مجموعة HTMLCollection نشطة تحتوي على جميع العناصر الفرعية للعنصر الأب المحدد.

العناصر في المجموعة مرتبة بناءً على ترتيبها في الكود المصدر.

يمكنك الوصول إلى العناصر الفرعية في المجموعة باستخدام الرقم المحدد، وتبدأ من الرقم 0.

استخدم خاصية length لتحديد عدد العناصر الفرعية، ثم يمكنك مرورها من خلال جميع العناصر الفرعية.

ملاحظة:إذا لم يكن عنصر الأب يحتوي على عناصر فرعية، فإن العناصر الفرعية تكون قائمة فارغة طولها 0.

هذه الخاصية مشابهة لـchildNodesالفرق بينهما هو أن childNodes يحتوي على جميع العناصر بما في ذلك عناصر النصوص و التعليقات، بينما العناصر الفعلية تحتوي فقط على العناصر الديناميكية.

النحو:

ParentElement.children

var list = document.body.children;

تطابق المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم خاصية children بشكل كامل:

تفاصيل تقنية

مزيد من الأمثلة

إيجاد عدد فرعات عنصر DIV:

var len = document.querySelector("div").children.length;

تغيير لون الخلفية لثاني عنصر فرع (السلسلة 1) عنصر DIV:

var parent = document.querySelector("div");
var list = parent.children;
list[1].style.backgroundColor = "coral";

تغيير نص أول عنصر فرع (السلسلة 0) عنصر DIV:

var parent = document.querySelector("div");
var list = parent.children;
list[0].innerHTML = "HELLO WORLD";

مثلث جافا سكربت عنصر DOM