1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Tionis]

2
00:00:02,000 --> 00:00:04,000
[Tommy MacWilliams] [Harvard University]

3
00:00:04,000 --> 00:00:07,000
[Hoc est CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:10,000
At in hoc video 'iens per Dom.

5
00:00:10,000 --> 00:00:14,000
Cum a pasco Videos a webpage, indiget aliquo modo sit in memoria.

6
00:00:14,000 --> 00:00:17,000
Documenti exemplar obiecto, aut sapientiam,

7
00:00:17,000 --> 00:00:20,000
quam describit pasco webpage in memoria repraesentat.

8
00:00:20,000 --> 00:00:24,000
In hoc video nos: in ducam at elit regnum,

9
00:00:24,000 --> 00:00:26,000
sed est lingua-tionis sine conceptu.

10
00:00:26,000 --> 00:00:30,000
Verbigratia, PHP suum regnum tam exsecutionem.

11
00:00:30,000 --> 00:00:32,000
Autem, regniq frequenter expediri per JavaScript

12
00:00:32,000 --> 00:00:36,000
cum JavaScript sinit mutare contenta in webpage volant,

13
00:00:36,000 --> 00:00:39,000
et domnum sinit ut obvius a webpage partes.

14
00:00:39,000 --> 00:00:43,000
Sit scriptor Vide ad exemplum webpage.

15
00:00:43,000 --> 00:00:48,000
Bene, Sit scriptor videre qualiter hanc paginam erunt expressa in Dom.

16
00:00:48,000 --> 00:00:51,000
Et delevit omnem nodum desiderat arbore summa constituatur.

17
00:00:51,000 --> 00:00:54,000
Hoc enim breve HTML elementum est radix node

18
00:00:54,000 --> 00:00:56,000
Primum patet, quia est in eo.

19
00:00:56,000 --> 00:01:00,000
Lets adicere ad radicem arboris nodo.

20
00:01:00,000 --> 00:01:03,000
Vide etiam paginam HTML sit amet.

21
00:01:03,000 --> 00:01:09,000
Animadverto quod corpus est tag habitant intra HTML tag.

22
00:01:09,000 --> 00:01:14,000
Id puer corpus Vestibulum elementum elementum.

23
00:01:14,000 --> 00:01:17,000
Hanc repraesentare possimus in nostro corpore factis regniq arboris folium

24
00:01:17,000 --> 00:01:20,000
descendens a HTML.

25
00:01:20,000 --> 00:01:22,000
Quod faciamus.

26
00:01:22,000 --> 00:01:24,000
Corpore subtus habemus HTML.

27
00:01:24,000 --> 00:01:28,000
Nunc scimus quia corpus filii sui II,

28
00:01:28,000 --> 00:01:31,000
ul in h1 elementum elementum.

29
00:01:31,000 --> 00:01:34,000
Et ex his id coniungere potest

30
00:01:34,000 --> 00:01:36,000
pars corporis, ita quod faciamus.

31
00:01:36,000 --> 00:01:40,000
Habemus h1 et ul.

32
00:01:40,000 --> 00:01:43,000
Demum, ul elementum III liberos,

33
00:01:43,000 --> 00:01:50,000
et hoc perficere nostrum, domnum arbor, ita scriptor addere Li Li, Li.

34
00:01:50,000 --> 00:01:56,000
Hanc nostram perficit sapientiam arborem, et hoc modo est in navigatro tuo webpage seposuisse.

35
00:01:56,000 --> 00:02:02,000
Nunc fiat scriptor Vide quomodo potest transire per hanc arborem JavaScript.

36
00:02:02,000 --> 00:02:10,000
Nos can obvius huic arbori dicitur usura specialis JavaScript variabilis tabellae.

37
00:02:10,000 --> 00:02:13,000
Unum proprium objectum hujus scripti

38
00:02:13,000 --> 00:02:16,000
corporis, et hoc significat quod

39
00:02:16,000 --> 00:02:19,000
elementum in corpus nostrum exempoator webpage.

40
00:02:19,000 --> 00:02:23,000
Si omnes filii voluit ut elementum corpus,

41
00:02:23,000 --> 00:02:26,000
quod si memor est et h1 tag ul tag,

42
00:02:26,000 --> 00:02:37,000
possumus dicere document.body.childNodes.

43
00:02:37,000 --> 00:02:41,000
Et quae nobis retro ordinatis tam continens elementum h1

44
00:02:41,000 --> 00:02:46,000
et quia ul elementum ambos dirige filios corpus.

45
00:02:46,000 --> 00:02:50,000
Si vellet, creare variabilis p exprimet spatiolum

46
00:02:50,000 --> 00:02:57,000
possumus dicere vrr ul-tum huius Codicis Ascende huc,

47
00:02:57,000 --> 00:03:00,000
et nunc quia est simpliciter ordinata childNodes

48
00:03:00,000 --> 00:03:07,000
cum indice in con [I] Secunda pars est, ut sistat.

49
00:03:07,000 --> 00:03:13,000
Obvius possumus cum ipsius nova res diversas proprietates p simile elementum id.

50
00:03:13,000 --> 00:03:17,000
Si dixerimus quoniam suus 'iens ul.id par esse nervum album

51
00:03:17,000 --> 00:03:20,000
Vestibulum id quod habemus in eo est.

52
00:03:20,000 --> 00:03:24,000
Possumus tagName habeat, quod ita futurum est

53
00:03:24,000 --> 00:03:32,000
quod typus elementum est, in hoc casu, p.

54
00:03:32,000 --> 00:03:36,000
Node parentem suum super nos ipsi, qui in

55
00:03:36,000 --> 00:03:38,000
corpus sit amet elementum.

56
00:03:38,000 --> 00:03:43,000
Si dixerimus. ParentNode, quod suus 'iens futurus idem document.body.

57
00:03:43,000 --> 00:03:46,000
Nempe hoc est p filii sui,

58
00:03:46,000 --> 00:03:50,000
possumus tamen dicere. childNodes hoc elementum,

59
00:03:50,000 --> 00:03:55,000
et hoc, quia sunt ordinata, ut iam tandem III III items in album nostri.

60
00:03:55,000 --> 00:04:02,000
Postremo forsitan plurrimi utilis est ad esse rei. InnerHTML,

61
00:04:02,000 --> 00:04:06,000
et delectat hoc ipso numero, in quo exemplo consequat

62
00:04:06,000 --> 00:04:08,000
Li erant qui tags III.

63
00:04:08,000 --> 00:04:11,000
Sed si grande documentum nostra, quae accessu

64
00:04:11,000 --> 00:04:14,000
hoc modo esse futurum realiter gravia eo

65
00:04:14,000 --> 00:04:17,000
puteus tandem dicere habent his similia document.body.childNodes

66
00:04:17,000 --> 00:04:21,000
bracket aliquid. childNodes bracket aliud,

67
00:04:21,000 --> 00:04:23,000
Aenean rutrum et suus 'iens ut.

68
00:04:23,000 --> 00:04:27,000
Sed quid facere possit, utrum re vera in litteris

69
00:04:27,000 --> 00:04:30,000
ita iustus amo nos scrutabantur rerum in Penitus usura keywords

70
00:04:30,000 --> 00:04:33,000
Numquid viæ opus hoc documentum breviter discussis

71
00:04:33,000 --> 00:04:37,000
regrediendum tantum elementa nos curare sine permensus

72
00:04:37,000 --> 00:04:39,000
imo omni ligno.

73
00:04:39,000 --> 00:04:42,000
Feliciter, patitur nos ad hoc moderni navigatores

74
00:04:42,000 --> 00:04:47,000
cum speciali munere vocavit querySelectorAll,

75
00:04:47,000 --> 00:04:49,000
quod facit rationem habet unius

76
00:04:49,000 --> 00:04:53,000
lego vestibulum id, quod suus 'iens ad nos

77
00:04:53,000 --> 00:04:56,000
quod par omnes elementorum electrix.

78
00:04:56,000 --> 00:04:59,000
Significat quod non opus discere a totum syntax querying enim ad sapientiam.

79
00:04:59,000 --> 00:05:02,000
Iam tu potes ponere pro scientia

80
00:05:02,000 --> 00:05:04,000
CSS de selectors.

81
00:05:04,000 --> 00:05:07,000
Quisque at querying litteris exempla.

82
00:05:07,000 --> 00:05:13,000
Si dixerimus querySelectorAll atque transire, hoc filum # foo

83
00:05:13,000 --> 00:05:18,000
quod suus 'iens addo nos repulisset elementum cum ID foo.

84
00:05:18,000 --> 00:05:23,000
Vos can quoque dicere document.getElementByID

85
00:05:23,000 --> 00:05:28,000
et transibit eam filum foo sine hashtag.

86
00:05:28,000 --> 00:05:31,000
Eadem prorsus es ad rem redeo.

87
00:05:31,000 --> 00:05:37,000
Si pro ducimus filum. Bar document.querySelectorAll

88
00:05:37,000 --> 00:05:42,000
'iens impetro tergum totius generis elementa augue.

89
00:05:42,000 --> 00:05:45,000
Possumus etiam ponere selectors CSS.

90
00:05:45,000 --> 00:05:51,000
Si transierit in filum # foo img

91
00:05:51,000 --> 00:05:54,000
quod suus 'iens tergum ut daret nobis omnibus elementis imaginis

92
00:05:54,000 --> 00:05:58,000
qui sunt filii elementum cum ID foo.

93
00:05:58,000 --> 00:06:03,000
Sicut poteris videre, coniungendo selectors aliquod vere potens quaerere capabilities.

94
00:06:03,000 --> 00:06:06,000
Sed cucullo sit amet sapientiam in ligno

95
00:06:06,000 --> 00:06:10,000
et his qui procul in aliqua abstracta selectors sinit

96
00:06:10,000 --> 00:06:14,000
quia non semper curant de universa structura arbore Dom.

97
00:06:14,000 --> 00:06:18,000
Nunc tincidunt erat et sapientia, et gratiarum actionem conjungit nos.

98
00:06:18,000 --> 00:06:20,000
[CS50.TV]