وظائف ParentNode و ParentElement هي نفسها ، ووظائف الأطفال والأطفال هي نفسها. ومع ذلك ، يتوافق ParentNode و childnodes مع معايير W3C ، والتي يمكن القول أنها عامة نسبيا. الاثنان الآخران مدعومان فقط من قبل IE ، وليس القياسي ، ولا يدعمه Firefox
مثال:
غالبًا ما يتم استخدام "ParentNode" للحصول على العقدة الأصل لعنصر معين. فهم الوالدين كحاوية ، وهناك عقدة طفل في الحاوية ، على النحو التالي:
<div id = "parent"> <b id = "child"
في الكود أعلاه ، ترى أن "Daddy" يستخدم كحاوية DIV ، والتي لها "طفل" في الحاوية ، وهو جزء النص الجريء. إذا كنت تخطط لاستخدام طريقة getElementById () للحصول على العنصر الجريء وتريد معرفة من هو "الأب" ، فإن المعلومات التي يتم إرجاعها ستكون div. البرنامج النصي التالي كما يلي:
<script type = "text/javaScript"> <!-ALERT (document.getElementByid "child"). parentNode.Nodename) ؛ //-> </script>
استخدام ParentNode لا يعني بالضرورة أنه تم العثور على "أب" واحد فقط ، "الابن" يمكن أن يصبح أيضًا "أبًا" ، كما في المثال التالي ...
<div id = "parent"> <div id = "childparent"> <b id = "child"
هناك اثنين من "الآباء" و اثنين "طفلان" في الكود أعلاه. DIV الأول (ID "Parent") هو "أبي" Div الثاني (الطفل). هناك عنصر جريء (معرف "طفل") في "الطفل" وهو "الطفل" من Div "الطفل". لذا ، كيف يمكن الوصول إلى "الجد" (معرف "الوالدين")؟ على النحو التالي:
<script type = "text/javaScript"> <!-ALERT (document.getElementByID ("child"). parentNode.ParentNode.NodeName) ؛ //-> </script>هل لاحظت أن الوالدين يستخدمان بالاقتران؟ "ParentNode.ParentNode". أول ParentNode هو div (معرف "طفل"). نظرًا لأننا نريد الحصول على عنصر الوالد الخارجي ، فإننا نضيف ParentNode آخر ثم نصل إلى Div (ID "Parent").
استخدام ParentNode ليس فقط يجد اسم Nodening لعنصر ، ولكن أيضًا أكثر. على سبيل المثال ، يمكنك الحصول على العقدة الأصل مع عدد كبير من العناصر وإضافة عقدة جديدة في النهاية. IE له اسمه الخاص يسمى "ParentElement" ، ويوصى باستخدام ParentNode لنصوص المتصفح عبر
تتحدث المقالة أعلاه لفترة وجيزة عن العقدة الأصل وعقدة الطفل لعنصر HTML في JS. هذا هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.