1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [דאַם] 2 00:00:02,000 --> 00:00:04,000 [טאַמי מאַקוויליאַמז] [האַרוואַרד אוניווערסיטעט] 3 00:00:04,000 --> 00:00:07,000 [דאס איז קס50.] [CS50.TV] 4 00:00:07,000 --> 00:00:10,000 אין דעם ווידעא מיר ניטאָ געגאנגען צו נעמען אַ קוק אין די דאַם. 5 00:00:10,000 --> 00:00:14,000 ווען אַ בלעטערער דאַונלאָודז אַ וועבפּאַגע, עס דאַרף צו זייַן רעפּריזענטיד אין זיקאָרן עפעס. 6 00:00:14,000 --> 00:00:17,000 דער דאָקומענט כייפעץ מאָדעל, אָדער דאַם, 7 00:00:17,000 --> 00:00:20,000 באשרייבט ווי די בלעטערער רעפּראַזענץ אַ וועבפּאַגע אין זכּרון. 8 00:00:20,000 --> 00:00:24,000 אין דעם ווידעא, מיר וועט נעמען אַ קוק אין די דאַם אין די קאָנטעקסט פון דזשאַוואַסקריפּט, 9 00:00:24,000 --> 00:00:26,000 אָבער דאַם איז אַ שפּראַך-פרייַ באַגריף. 10 00:00:26,000 --> 00:00:30,000 למשל, פפּ האט זייַן אייגן דאַם ימפּלאַמענטיישאַן ווי געזונט. 11 00:00:30,000 --> 00:00:32,000 אבער, דאַם איז אָפט יוטאַלייזד דורך דזשאַוואַסקריפּט 12 00:00:32,000 --> 00:00:36,000 זינט דזשאַוואַסקריפּט אַלאַוז אונדז צו טוישן דעם אינהאַלט פון אַ וועבפּאַגע אויף די פליען, 13 00:00:36,000 --> 00:00:39,000 און דאַם אַלאַוז אונדז צו צוטריט טיילן פון אַ וועבפּאַגע. 14 00:00:39,000 --> 00:00:43,000 זאל ס נעמען אַ קוק בייַ אַ בייַשפּיל וועבפּאַגע. 15 00:00:43,000 --> 00:00:48,000 אָוקיי, איצט לאָזן ס זען ווי דעם בלאַט וועט זייַן רעפּריזענטיד אין די דאַם. 16 00:00:48,000 --> 00:00:51,000 און יעדער בוים דאַרף צו האָבן אַ וואָרצל נאָדע בייַ די שפּיץ. 17 00:00:51,000 --> 00:00:54,000 פֿאַר דעם דאָקומענט, די HTML עלעמענט איז דער וואָרצל נאָדע 18 00:00:54,000 --> 00:00:56,000 ווייַל עס ס דער ערשטער עלעמענט אַז אויס. 19 00:00:56,000 --> 00:01:00,000 זאל ס לייגן אַ וואָרצל נאָדע צו אונדזער בוים. 20 00:01:00,000 --> 00:01:03,000 זאל ס נעמען אַ קוק אין די HTML דאָקומענט ווידער. 21 00:01:03,000 --> 00:01:09,000 באַמערקן אַז די גוף פאַרבינדן איז נעסטעד ין פון די HTML פאַרבינדן. 22 00:01:09,000 --> 00:01:14,000 דאס מיטל אַז די גוף עלעמענט איז אַ קינד פון דער HTML עלעמענט. 23 00:01:14,000 --> 00:01:17,000 מיר קענען פאָרשטעלן דעם אין אונדזער דאַם בוים דורך מאכן גוף אַ בלאַט 24 00:01:17,000 --> 00:01:20,000 אראפנידערן פון HTML. 25 00:01:20,000 --> 00:01:22,000 זאל ס טאָן אַז. 26 00:01:22,000 --> 00:01:24,000 מיר האָבן גוף ונטער HTML. 27 00:01:24,000 --> 00:01:28,000 איצט מיר קענען זען אַז גוף האט 2 קינדער פון זייַן אייגן, 28 00:01:28,000 --> 00:01:31,000 די H1 עלעמענט און די Ul עלעמענט. 29 00:01:31,000 --> 00:01:34,000 דעם מיטל וואָס מיר קענען פאַרבינדן ביידע פון ​​יענע עלעמענטן 30 00:01:34,000 --> 00:01:36,000 צו די גוף עלעמענט, אַזוי לאָזן 'ס טאָן אַז. 31 00:01:36,000 --> 00:01:40,000 מיר האָבן אַ H1 און אַ Ul. 32 00:01:40,000 --> 00:01:43,000 סוף, די Ul עלעמענט האט 3 מער קינדער, 33 00:01:43,000 --> 00:01:50,000 און דאָס וועט גאַנץ אונדזער דאַם בוים, אַזוי לאָזן ס לייגן לי, לי, לי. 34 00:01:50,000 --> 00:01:56,000 דאס קאַמפּליץ אונדזער דאַם בוים, און דאָס איז ווי די בלעטערער איז סטאָרינג דיין וועבפּאַגע. 35 00:01:56,000 --> 00:02:02,000 איצט לאָזן 'ס נעמען אַ קוק אין ווי מיר קענען דורך דעם בוים ניצן דזשאַוואַסקריפּט. 36 00:02:02,000 --> 00:02:10,000 מיר קענען צוטריט דעם בוים ניצן אַ ספּעציעל דזשאַוואַסקריפּט בייַטעוודיק גערופן דאָקומענט. 37 00:02:10,000 --> 00:02:13,000 איינער פאַרמאָג פון דעם דאָקומענט כייפעץ 38 00:02:13,000 --> 00:02:16,000 איז דער גוף פאַרמאָג, און דעם כייפעץ רעפּראַזענץ 39 00:02:16,000 --> 00:02:19,000 די גוף עלעמענט אין אונדזער בייַשפּיל וועבפּאַגע. 40 00:02:19,000 --> 00:02:23,000 אויב מיר געוואלט צו באַקומען אַלע פון ​​די קינדער פון די גוף עלעמענט, 41 00:02:23,000 --> 00:02:26,000 וואָס אויב איר געדענקען איז, אז H1 פאַרבינדן און די Ul פאַרבינדן, 42 00:02:26,000 --> 00:02:37,000 מיר קענען זאָגן דאָקומענט.באָדי.טשילדנאָדעס. 43 00:02:37,000 --> 00:02:41,000 און דאָס וועט געבן אונדז צוריק אַ מענגע מיט ביידע די H1 עלעמענט 44 00:02:41,000 --> 00:02:46,000 און די Ul עלעמענט זינט זיי ניטאָ ביידע גלייַך קינדער פון דעם גוף. 45 00:02:46,000 --> 00:02:50,000 אויב מיר געוואלט צו שאַפֿן אַ בייַטעוודיק רעפּריזענטינג די Ul עלעמענט 46 00:02:50,000 --> 00:02:57,000 מיר קענען זאָגן וורר Ul = דעמאָלט דעם קאָד אַרויף דאָ, 47 00:02:57,000 --> 00:03:00,000 און איצט ווייַל טשילדנאָדעס איז פשוט אַ מענגע 48 00:03:00,000 --> 00:03:07,000 מיר קענען אינדעקס אין עס מיט [1] צו באַקומען די רגע עלעמענט פון וואָס מענגע. 49 00:03:07,000 --> 00:03:13,000 מיט דעם נייַ Ul כייפעץ מיר קענען צוטריט פאַרשידן פּראָפּערטיעס פון די עלעמענט ווי זייַן שייַן. 50 00:03:13,000 --> 00:03:17,000 אויב מיר זאָגן ul.id אַז ס 'געגאנגען צו זייַן גלייַך צו די שטריקל רשימה 51 00:03:17,000 --> 00:03:20,000 ווייַל אַז ס וואָס מיר האָבן אין אונדזער HTML בלאַט. 52 00:03:20,000 --> 00:03:24,000 מיר קענען אויך באַקומען זייַן טאַגנאַמע, וואָס אין דעם פאַל איז געגאנגען צו זייַן 53 00:03:24,000 --> 00:03:32,000 וואָס טיפּ פון עלעמענט עס איז, אין דעם פאַל, אַ Ul. 54 00:03:32,000 --> 00:03:36,000 מיר קענען אויך באַקומען זייַן פאָטער אָדער די נאָדע אויבן עס, וואָס אין דעם פאַל 55 00:03:36,000 --> 00:03:38,000 איז געגאנגען צו זייַן דעם גוף עלעמענט. 56 00:03:38,000 --> 00:03:43,000 אויב מיר זאָגן. פּאַרענטנאָדע, אַז ס 'געגאנגען צו זייַן די זעלבע ווי דאָקומענט.באָדי. 57 00:03:43,000 --> 00:03:46,000 פון קורס, דעם Ul האט קינדער פון זייַן אייגן, 58 00:03:46,000 --> 00:03:50,000 אַזוי מיר קענען נאָך זאָגן. טשילדנאָדעס אויף דעם עלעמענט, 59 00:03:50,000 --> 00:03:55,000 און דעם מענגע זאָל איצט האָבן לענג 3 ווייַל דאָרט זענען 3 זאכן אין אונדזער רשימה. 60 00:03:55,000 --> 00:04:02,000 סוף, טאָמער די מערסט נוצלעך פאַרמאָג איז געגאנגען צו זייַן. יננערהטמל, 61 00:04:02,000 --> 00:04:06,000 און דאָס וועט זייַן די פאַקטיש אינהאַלט פון דער רשימה, וואָס אין אונדזער בייַשפּיל בלאַט 62 00:04:06,000 --> 00:04:08,000 זענען די 3 לי טאַגס. 63 00:04:08,000 --> 00:04:11,000 פון קורס, אויב מיר האָבן אַ גרויס דאָקומענט, אַקסעסינג עלעמענטן 64 00:04:11,000 --> 00:04:14,000 אין דעם שטייגער איז געגאנגען צו זייַן טאַקע קאַמבערסאַם ווייַל 65 00:04:14,000 --> 00:04:17,000 יווענטשאַוואַלי מיר וועט האָבן צו זאָגן זאכן ווי דאָקומענט.באָדי.טשילדנאָדעס 66 00:04:17,000 --> 00:04:21,000 קלאַמער עפּעס. טשילדנאָדעס קלאַמער עפּעס אַנדערש, 67 00:04:21,000 --> 00:04:23,000 און עס ס 'געגאנגען צו באַקומען טאַקע קאַמבערסאַם. 68 00:04:23,000 --> 00:04:27,000 אַנשטאָט וואָס מיר טאַקע ווילן צו טאָן איז קענען צו אָנפֿרעג די דאָקומענט, 69 00:04:27,000 --> 00:04:30,000 אַזוי נאָר ווי מיר געזוכט פֿאַר זאכן אויף די אינטערנעט ניצן טערמינען 70 00:04:30,000 --> 00:04:33,000 מיר טאַקע דאַרפֿן עטלעכע וועג פון שאַרף דעם דאָקומענט צו סאַקסינגקטלי 71 00:04:33,000 --> 00:04:37,000 באַקומען צוריק בלויז די יסודות מיר זאָרגן וועגן אָן טראַווערסינג 72 00:04:37,000 --> 00:04:39,000 די גאנצע בוים שפּיץ צו דנאָ. 73 00:04:39,000 --> 00:04:42,000 צומ גליק, מאָדערן בראַוזערז לאָזן אונדז צו טאָן דעם 74 00:04:42,000 --> 00:04:47,000 מיט אַ ספּעציעל פונקציאָנירן גערופן קוועריסעלעקטאָראַלל, 75 00:04:47,000 --> 00:04:49,000 און דאָס פונקציאָנירן נעמט אַ איין אַרגומענט 76 00:04:49,000 --> 00:04:53,000 וואָס איז אַ קסס סעלעקטאָר, און עס ס 'געגאנגען צו צוריקקומען צו אונדז 77 00:04:53,000 --> 00:04:56,000 אַלע פון ​​די עלעמענטן וואָס גלייַכן וואָס סעלעקטאָר. 78 00:04:56,000 --> 00:04:59,000 אַז מיטל איר טאָן ניט דאַרפֿן צו לערנען אַ גאַנץ נייַ סינטאַקס פֿאַר קוועריינג די דאַם. 79 00:04:59,000 --> 00:05:02,000 אַנשטאָט איר קענען צולייגן דעם וויסן איר שוין וויסן 80 00:05:02,000 --> 00:05:04,000 וועגן קסס סעלעקטאָרס. 81 00:05:04,000 --> 00:05:07,000 זאל ס נעמען אַ קוק אין עטלעכע ביישפילן פון קוועריינג דעם דאָקומענט. 82 00:05:07,000 --> 00:05:13,000 אויב מיר זאָגן קוועריסעלעקטאָראַלל און פאָרן עס דעם שטריקל # פו 83 00:05:13,000 --> 00:05:18,000 אַז ס 'געגאנגען צו געבן אונדז צוריק די עלעמענט מיט די שייַן פו. 84 00:05:18,000 --> 00:05:23,000 איר קענען אויך זאָגן דאָקומענט.געטעלעמענטבייד 85 00:05:23,000 --> 00:05:28,000 און פאָרן עס די שטריקל פו אָן אַז האַשטאַג. 86 00:05:28,000 --> 00:05:31,000 ניטאָ געגאנגען צו באַקומען צוריק דעם זעלביקער פּינטלעך כייפעץ. 87 00:05:31,000 --> 00:05:37,000 אויב אַנשטאָט מיר פאָרן די שטריקל. באַר צו דאָקומענט.קוועריסעלעקטאָראַלל 88 00:05:37,000 --> 00:05:42,000 מיר ניטאָ געגאנגען צו באַקומען צוריק אַלע פון ​​די יסודות מיט די סאָרט באַר. 89 00:05:42,000 --> 00:05:45,000 מיר קענען אויך פאַרבינדן קסס סעלעקטאָרס. 90 00:05:45,000 --> 00:05:51,000 אויב מיר פאָרן אין דעם שטריקל # פו ימג 91 00:05:51,000 --> 00:05:54,000 אַז ס 'געגאנגען צו געבן אונדז צוריק אַלע פון ​​די בילד עלעמענטן 92 00:05:54,000 --> 00:05:58,000 וואָס זענען קינדער פון די עלעמענט מיט די שייַן פו. 93 00:05:58,000 --> 00:06:03,000 ווי איר קענען זען, דורך קאַמביינינג סעלעקטאָרס מיר האָבן עטלעכע טאַקע שטאַרק זוכן קייפּאַבילאַטיז. 94 00:06:03,000 --> 00:06:06,000 אבער אונטער די קאַפּטער, די דאַם איז טאַקע נאָר אַ בוים, 95 00:06:06,000 --> 00:06:10,000 און די סעלעקטאָרס לאָזן אונדז צו אַבסטראַקט אַז אַוועק צו עטלעכע גראַד 96 00:06:10,000 --> 00:06:14,000 ווייַל מיר טאָן ניט שטענדיק זאָרגן וועגן די גאנצע סטרוקטור פון די דאַם בוים. 97 00:06:14,000 --> 00:06:18,000 וואָס איז געווען אַ שנעל איבערבליק פון די דאַם, און דאַנק פֿאַר דזשוינינג אונדז. 98 00:06:18,000 --> 00:06:20,000 [CS50.TV]