مثال
معرفة عدد <p> العناصر هناك في الوثيقة:
var nodelist = document.getElementsByTagName("P").length;ونتيجة لnodelist على النحو التالي:
4 انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية طول إرجاع عدد العقد في كائن NodeList.
جمع كائن عقدة من العقد التابعة مثال لكائن NodeList.
الخاصية طول مفيدة عندما تريد يتكرر خلال العقد في قائمة عقدة (See "More Examples" below) .
هذه الخاصيه للقراؤه فقط.
نصيحة: استخدم item() طريقة للعودة إلى عقدة في الفهرس المحدد في كائن NodeList.
دعم المتصفح
| خاصية | |||||
|---|---|---|---|---|---|
| length | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
تفاصيل تقنية قيمة الإرجاع: الرقم الذي يمثل عدد العقد في nodelist صفحة DOM مستوى الأساسية 1 Nodelist كائن
مزيد من الأمثلة
مثال
معرفة عدد <p> العناصر هناك داخل <div> العنصر:
var div = document.getElementById("myDIV");
// Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div> ونتيجة لnodelist على النحو التالي:
3 انها محاولة لنفسك »
مثال
حلقة من خلال جميع <p> عناصر داخل <div> عنصر، وتغيير لون الخلفية من كل <p> :
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByTagName("P");
var i;
for (i = 0; i <
nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
} انها محاولة لنفسك »
مثال
إرجاع عدد العقد التابعة لل <body> العنصر:
var nodelist = document.body.childNodes.length; ونتيجة لnodelist على النحو التالي:
12 انها محاولة لنفسك »
مثال
يتكرر خلال العقد التابعة <body> والإخراج اسم عقدة من كل عقدة الطفل:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} وستكون النتيجة من النص على النحو التالي:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text انها محاولة لنفسك »
صفحات ذات صلة
HTML DOM المرجعي: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM المرجعي: عنصر .childNodes الملكية
HTML DOM المرجعي: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM المرجعي: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM المرجعي: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM المرجعي: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM المرجعي: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM المرجعي: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM المرجعي: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method