الفرق بين المراجعتين ل"JavaScript/ParentNode/childElementCount"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(إضافة الصّفحة)
 
 
سطر 7: سطر 7:
 
</syntaxhighlight>
 
</syntaxhighlight>
  
المُتغيّر '''count''':
+
=== <code>count</code> ===
 
يحمل القيمة المُعادة، وهي عدد صحيح من النّوع <code>unsigned long</code>.
 
يحمل القيمة المُعادة، وهي عدد صحيح من النّوع <code>unsigned long</code>.
  
المُتغيّر '''node''':
+
=== <code>node</code> ===
كائن من النوع <code>Document</code> أو <code>DocumentFragment</code> أو <code>Element</code>.
+
كائن من النوع <code>[[JavaScript/Document|Document]]</code> أو <code>DocumentFragment</code> أو <code>[[JavaScript/Element|Element]]</code>.
  
 
==مثال==
 
==مثال==

المراجعة الحالية بتاريخ 16:15، 18 مارس 2018

تُعيد الخاصيّة ParentNode.childElementCount القابلة للقراءة فقط قيمة من النّوع unsigned long تُمثّل عدد العناصِر الأولاد لعنصر مُعيّن.

البنية العامة

var count = node.childElementCount;

count

يحمل القيمة المُعادة، وهي عدد صحيح من النّوع unsigned long.

node

كائن من النوع Document أو DocumentFragment أو Element.

مثال

var foo = document.getElementById("foo"); 
if (foo.childElementCount > 0) { 
    // افعل شيئا ما
}

إضافة لدعم المتصفحات غير المدعومة

تُضيف الشيفرة التّالية دعم الخاصيّة على كلّ من Document وDocumentFragment لمُتصفّحي IE9 وSafari.

;(function(constructor) {
    if (constructor &&
        constructor.prototype &&
        constructor.prototype.childElementCount == null) {
        Object.defineProperty(constructor.prototype, 'childElementCount', {
            get: function() {
                var i = 0, count = 0, node, nodes = this.childNodes;
                while (node = nodes[i++]) {
                    if (node.nodeType === 1) count++;
                }
                return count;
            }
        });
    }
})(window.Node || window.Element);

دعم المتصفحات

الميزة Chrome Edge Firefox Internet Explorer Opera Safari
الدعم الأساسي 1 نعم 3.5 9 10 4
الدعم على كلّ من Document وDocumentFragment (ميّزة تجريبيّة) 29 ؟ 25 لا 16 لا

انظر أيضًا

مصادر ومواصفات

  • مواصفة DOM. فرّقت هذه المواصفة الواجهة ElementTraversal إلى كلّ من الواجهة ChildNode والواجهة ParentNode، هذه الخاصيّة معرّفة الآن على الواجهة الأخيرة. تُطبّق كلّ من الواجهة Document والواجهة DocumentFragment الواجهتين الجديدتين.
  • مواصفة Element Traversal Specification.