[Powered by Google Translate] [דאַם]
[טאַמי מאַקוויליאַמז] [האַרוואַרד אוניווערסיטעט]
[דאס איז קס50.] [CS50.TV]
אין דעם ווידעא מיר ניטאָ געגאנגען צו נעמען אַ קוק אין די דאַם.
ווען אַ בלעטערער דאַונלאָודז אַ וועבפּאַגע, עס דאַרף צו זייַן רעפּריזענטיד אין זיקאָרן עפעס.
דער דאָקומענט כייפעץ מאָדעל, אָדער דאַם,
באשרייבט ווי די בלעטערער רעפּראַזענץ אַ וועבפּאַגע אין זכּרון.
אין דעם ווידעא, מיר וועט נעמען אַ קוק אין די דאַם אין די קאָנטעקסט פון דזשאַוואַסקריפּט,
אָבער דאַם איז אַ שפּראַך-פרייַ באַגריף.
למשל, פפּ האט זייַן אייגן דאַם ימפּלאַמענטיישאַן ווי געזונט.
אבער, דאַם איז אָפט יוטאַלייזד דורך דזשאַוואַסקריפּט
זינט דזשאַוואַסקריפּט אַלאַוז אונדז צו טוישן דעם אינהאַלט פון אַ וועבפּאַגע אויף די פליען,
און דאַם אַלאַוז אונדז צו צוטריט טיילן פון אַ וועבפּאַגע.
זאל ס נעמען אַ קוק בייַ אַ בייַשפּיל וועבפּאַגע.
אָוקיי, איצט לאָזן ס זען ווי דעם בלאַט וועט זייַן רעפּריזענטיד אין די דאַם.
און יעדער בוים דאַרף צו האָבן אַ וואָרצל נאָדע בייַ די שפּיץ.
פֿאַר דעם דאָקומענט, די HTML עלעמענט איז דער וואָרצל נאָדע
ווייַל עס ס דער ערשטער עלעמענט אַז אויס.
זאל ס לייגן אַ וואָרצל נאָדע צו אונדזער בוים.
זאל ס נעמען אַ קוק אין די HTML דאָקומענט ווידער.
באַמערקן אַז די גוף פאַרבינדן איז נעסטעד ין פון די HTML פאַרבינדן.
דאס מיטל אַז די גוף עלעמענט איז אַ קינד פון דער HTML עלעמענט.
מיר קענען פאָרשטעלן דעם אין אונדזער דאַם בוים דורך מאכן גוף אַ בלאַט
אראפנידערן פון HTML.
זאל ס טאָן אַז.
מיר האָבן גוף ונטער HTML.
איצט מיר קענען זען אַז גוף האט 2 קינדער פון זייַן אייגן,
די H1 עלעמענט און די Ul עלעמענט.
דעם מיטל וואָס מיר קענען פאַרבינדן ביידע פון ​​יענע עלעמענטן
צו די גוף עלעמענט, אַזוי לאָזן 'ס טאָן אַז.
מיר האָבן אַ H1 און אַ Ul.
סוף, די Ul עלעמענט האט 3 מער קינדער,
און דאָס וועט גאַנץ אונדזער דאַם בוים, אַזוי לאָזן ס לייגן לי, לי, לי.
דאס קאַמפּליץ אונדזער דאַם בוים, און דאָס איז ווי די בלעטערער איז סטאָרינג דיין וועבפּאַגע.
איצט לאָזן 'ס נעמען אַ קוק אין ווי מיר קענען דורך דעם בוים ניצן דזשאַוואַסקריפּט.
מיר קענען צוטריט דעם בוים ניצן אַ ספּעציעל דזשאַוואַסקריפּט בייַטעוודיק גערופן דאָקומענט.
איינער פאַרמאָג פון דעם דאָקומענט כייפעץ
איז דער גוף פאַרמאָג, און דעם כייפעץ רעפּראַזענץ
די גוף עלעמענט אין אונדזער בייַשפּיל וועבפּאַגע.
אויב מיר געוואלט צו באַקומען אַלע פון ​​די קינדער פון די גוף עלעמענט,
וואָס אויב איר געדענקען איז, אז H1 פאַרבינדן און די Ul פאַרבינדן,
מיר קענען זאָגן דאָקומענט.באָדי.טשילדנאָדעס.
און דאָס וועט געבן אונדז צוריק אַ מענגע מיט ביידע די H1 עלעמענט
און די Ul עלעמענט זינט זיי ניטאָ ביידע גלייַך קינדער פון דעם גוף.
אויב מיר געוואלט צו שאַפֿן אַ בייַטעוודיק רעפּריזענטינג די Ul עלעמענט
מיר קענען זאָגן וורר Ul = דעמאָלט דעם קאָד אַרויף דאָ,
און איצט ווייַל טשילדנאָדעס איז פשוט אַ מענגע
מיר קענען אינדעקס אין עס מיט [1] צו באַקומען די רגע עלעמענט פון וואָס מענגע.
מיט דעם נייַ Ul כייפעץ מיר קענען צוטריט פאַרשידן פּראָפּערטיעס פון די עלעמענט ווי זייַן שייַן.
אויב מיר זאָגן ul.id אַז ס 'געגאנגען צו זייַן גלייַך צו די שטריקל רשימה
ווייַל אַז ס וואָס מיר האָבן אין אונדזער HTML בלאַט.
מיר קענען אויך באַקומען זייַן טאַגנאַמע, וואָס אין דעם פאַל איז געגאנגען צו זייַן
וואָס טיפּ פון עלעמענט עס איז, אין דעם פאַל, אַ Ul.
מיר קענען אויך באַקומען זייַן פאָטער אָדער די נאָדע אויבן עס, וואָס אין דעם פאַל
איז געגאנגען צו זייַן דעם גוף עלעמענט.
אויב מיר זאָגן. פּאַרענטנאָדע, אַז ס 'געגאנגען צו זייַן די זעלבע ווי דאָקומענט.באָדי.
פון קורס, דעם Ul האט קינדער פון זייַן אייגן,
אַזוי מיר קענען נאָך זאָגן. טשילדנאָדעס אויף דעם עלעמענט,
און דעם מענגע זאָל איצט האָבן לענג 3 ווייַל דאָרט זענען 3 זאכן אין אונדזער רשימה.
סוף, טאָמער די מערסט נוצלעך פאַרמאָג איז געגאנגען צו זייַן. יננערהטמל,
און דאָס וועט זייַן די פאַקטיש אינהאַלט פון דער רשימה, וואָס אין אונדזער בייַשפּיל בלאַט
זענען די 3 לי טאַגס.
פון קורס, אויב מיר האָבן אַ גרויס דאָקומענט, אַקסעסינג עלעמענטן
אין דעם שטייגער איז געגאנגען צו זייַן טאַקע קאַמבערסאַם ווייַל
יווענטשאַוואַלי מיר וועט האָבן צו זאָגן זאכן ווי דאָקומענט.באָדי.טשילדנאָדעס
קלאַמער עפּעס. טשילדנאָדעס קלאַמער עפּעס אַנדערש,
און עס ס 'געגאנגען צו באַקומען טאַקע קאַמבערסאַם.
אַנשטאָט וואָס מיר טאַקע ווילן צו טאָן איז קענען צו אָנפֿרעג די דאָקומענט,
אַזוי נאָר ווי מיר געזוכט פֿאַר זאכן אויף די אינטערנעט ניצן טערמינען
מיר טאַקע דאַרפֿן עטלעכע וועג פון שאַרף דעם דאָקומענט צו סאַקסינגקטלי
באַקומען צוריק בלויז די יסודות מיר זאָרגן וועגן אָן טראַווערסינג
די גאנצע בוים שפּיץ צו דנאָ.
צומ גליק, מאָדערן בראַוזערז לאָזן אונדז צו טאָן דעם
מיט אַ ספּעציעל פונקציאָנירן גערופן קוועריסעלעקטאָראַלל,
און דאָס פונקציאָנירן נעמט אַ איין אַרגומענט
וואָס איז אַ קסס סעלעקטאָר, און עס ס 'געגאנגען צו צוריקקומען צו אונדז
אַלע פון ​​די עלעמענטן וואָס גלייַכן וואָס סעלעקטאָר.
אַז מיטל איר טאָן ניט דאַרפֿן צו לערנען אַ גאַנץ נייַ סינטאַקס פֿאַר קוועריינג די דאַם.
אַנשטאָט איר קענען צולייגן דעם וויסן איר שוין וויסן
וועגן קסס סעלעקטאָרס.
זאל ס נעמען אַ קוק אין עטלעכע ביישפילן פון קוועריינג דעם דאָקומענט.
אויב מיר זאָגן קוועריסעלעקטאָראַלל און פאָרן עס דעם שטריקל # פו
אַז ס 'געגאנגען צו געבן אונדז צוריק די עלעמענט מיט די שייַן פו.
איר קענען אויך זאָגן דאָקומענט.געטעלעמענטבייד
און פאָרן עס די שטריקל פו אָן אַז האַשטאַג.
ניטאָ געגאנגען צו באַקומען צוריק דעם זעלביקער פּינטלעך כייפעץ.
אויב אַנשטאָט מיר פאָרן די שטריקל. באַר צו דאָקומענט.קוועריסעלעקטאָראַלל
מיר ניטאָ געגאנגען צו באַקומען צוריק אַלע פון ​​די יסודות מיט די סאָרט באַר.
מיר קענען אויך פאַרבינדן קסס סעלעקטאָרס.
אויב מיר פאָרן אין דעם שטריקל # פו ימג
אַז ס 'געגאנגען צו געבן אונדז צוריק אַלע פון ​​די בילד עלעמענטן
וואָס זענען קינדער פון די עלעמענט מיט די שייַן פו.
ווי איר קענען זען, דורך קאַמביינינג סעלעקטאָרס מיר האָבן עטלעכע טאַקע שטאַרק זוכן קייפּאַבילאַטיז.
אבער אונטער די קאַפּטער, די דאַם איז טאַקע נאָר אַ בוים,
און די סעלעקטאָרס לאָזן אונדז צו אַבסטראַקט אַז אַוועק צו עטלעכע גראַד
ווייַל מיר טאָן ניט שטענדיק זאָרגן וועגן די גאנצע סטרוקטור פון די דאַם בוים.
וואָס איז געווען אַ שנעל איבערבליק פון די דאַם, און דאַנק פֿאַר דזשוינינג אונדז.
[CS50.TV]