DOUG LLOYD in hoc video, voluimus ut vocarent separate operam in ipso elementum JavaScript quod vos vires reperio habilem cum vestri 'satus et opus paginas deformetur mutans Summaque web page in musca. Et quod suus ratio Documentum Object Model. Ut video aspeximus nostris JavaScript, obiecta sunt flexibile. Et variis capit. Et si non multum in singula eorum agros proprietatibus volumus probabiliter magis convenienter eos vocare dicens in contextu rem etiam Illae enim alias. Et inside of illa potest esse alia obiecta. 

Habes hoc amplissimum obiectum cum multus aliis objectis intus, quod genus creat ideam hanc arborem magnam. Sed obiectum document maxime in JavaScript obiectum Qui determinat totum web page sub tali umbrella obiecti. Et sic inside of tabellae obiectum sunt obiecta prosternerem caput et corpus vestra web page. 

Intus procedunt illa sunt alia obiecta, et cetera, et cetera, donec totum web page habet constitutam rem in magnitudine. Quid urbem concitant, hic, ius? Sequitur, ut scirent fabre operari quæ objecta in JavaScript. 

Si enim obiectum ad integram Define quod significat appellando correct modos manipulare illud objectum aut de immutatione quidam de eius proprietatibus, fecimus mutare potest elementis nostri page programmatically usura JavaScript instead of having cum ad Codicis dicite HTML. Ita hic exemplum Define simplex iudicium Suus abstulit HTML tags, excitavit. 

Intus est titulus salve mundi. Tunc habeam corpus. Inside of quod, habeo Tria. Habeo caput h2 tag, paragraph et molestie. Haec simplex web page. 

Quid potuerunt document Obiiciunt enim hoc vultus amo? Bene, suus 'a parum FORMIDULOSUS maybe primum. Sed vere iustus arborem magnam. Ad ipsum radice tabellae. 

Inside of tabellae est alius HTML page referatur ad rem meam. HTML page meo omnia quæ locutus est. Et tunc interius HTML actum est, habeat caput obiectum quod pertinet ad omnia. 

Et intus est, Habeo a title obiectum. Et intus est, et alter obiiciant ultricies salve mundi. Possem habere corpus meum repraesentatum hoc diligunt. 

Intus corpus habeo h2 obiecto et a p obiectum paragraph Hoc enim et a molestie. Et ideo rationabiliter hoc tota ierarchia potest repraesentari arborem magnam cum lots of paulo minor quæ supervenient conterendos de ea. Nunc scilicet, cum erant programming, nos non cogitant de rebus quasi arborem magnam. Nos vis videre actualis signum related rebus. 

Fortunate, possumus uti nostri elit tools actu accipere a inviso hoc website documento obiectum. Et quod faciamus. Sic ego aperuit pasco tab. 

Et Ive 'aperuit Tools elit. Et in ira mea video in JavaScript, I Caesar euit initium console est non ubi solum someplace nos procer notitia, suus 'quoque a loco, in quo possumus input notitia. In hoc loco, quid Im 'iens dicere I would amo impetro tergum tabellae obiecta, et sic vide quod committitur. Quomodo posset hoc? Bene, si volo organize nicely vere, Console.dir dicturus sum, D-I-R. Nunc igitur placet mihi ut iustus utor print console.log aliquid valde simplex. Si vis ut haec hierarchice sicut objectum, Volo sort of exstructa quasi structura presul. 

Sic volo console.dir tabellae. Ego hit Ingreditur. Et infra ius nunc, et ego Retrahe huc Ive 'got hanc responsionem document paulo sagitta propinquam. Sed cum hanc fenestram aperueritis, sagittis futurum sit amet elit. 

Sed erant 'iens ut multum ignore atque id genus focus ad summam ita dominari incipiunt annotari fecimus. Illic 'multus magis quam DOM sicut parens et puerum nodorum lymphaticorum. Illic 'multus of effercio ancillis. 

Im 'iens ut aperire oculos. Et illic 'a universus sors of effercio ut pops sursum. Sed omnia mihi curae est ius hic puer nodorum. Lets patefacio sursum quod. 

Intus non videbo aliquid nota, HTML. Sic inside nostri document unum gradu, HTML. Ego aperire oculos. Quid exspectas? 

Si discretionis nostre recolimus diagramma quod non invenitur inside of HTML? Quid in duobus retiaculis duos infra arbore Lets inquirendo exsequebatur. Nos patefacio sursum HTML. Descendimus ad puerum nodos. 

Pop apertam. Illic 'caput et corpus. Et aperiet caput. Vade ad prolem nodorum. Etiam nulla titulo consecraretur. 

Et illuc vagabantur incerti et sic in aeternum. Facere potuimus hoc corpus. Sed viam nostram ad videndum tabellae verat ut magnum obiectum. Si autem attendamus ad magnum obiectum quod spectat multus quasi signum, id est inire manipulare hoc magnum obiectum usura signum mutare quid nostri website spectat et sentit sicut. 

Ut suus pulchellus instrumentum potens Nunc promptu habemus. Ut modo viderunt document obiectum ipsum et non contrarietatem obiectorum intus habere proprietates et modos, sicut sicut et quaelibet alia res sit operum quibus frustra sudaveram, cum in JavaScript. Non possumus ponere proprietates uti rationibus sort of EXERCITATIO a big et document inferiorem et inferior, tenuiores et tenuiores grana of detail, donec ad ipsum locum Ubi nostri partes speciei Define volumus esse mutare. 

Cumque eget proprietates Object documentum aut vocare modos, Define nobis adferre posse. Et hoc non oportet aliquod refrigerium mutationes ad inducendum effectum. 

Et post haec facultas a pulchellus frigus habent opus sumus code. Sed quae sunt quaedam proprietates documenti particula, quae rei Bene, vos forsit vidi iugo of eos realiter cito ut essemus zipping per gigas document vidi in obiecto telam pasco. 

Sed a iugo of harum proprietatum ut rebus quasi interius HTML. Et ut recordor me hoc video in usura JavaScript ad extremum cum loquebatur de rebus. Hoc quid aliud fuit interius HTML? Bene, quod suus 'iustus in inter tags. 

Et sic interius HTML, exempli gratia, de title tag si servassetis ingressus quod exemplum paulo ante, fuisset salve mundi. Erat page opellae nostrae. Aliae proprietates includunt node nomen, quod vocatum est nomen ejus an HTML elementum ut title. Id, quod est ID tribuunt of an HTML elementum. 

Meminimus, specialiter indicate specifica elementa nostra HTML cum ID attributum solet expediti fit contextu CSS specie. Parente node, quod respicit ad quid justum in sublime DOM. Et puer nodorum est Quid ad me deorsum. Vidimus enim multum per iustus vultus. Puerum nodorum quam quod istos inferior in ligno. 

Attributis, quod suus 'iustus an array et ex attributis elementum. Ita ut exemplum attributa quod si imago tag, principium habere solet attributo maybe altitudinem et latitudinem attributum. Utque exercitu esset iustus omnium attributa coniungitur cum HTML elementum. 

Style est alii vero unum, quod non repraesentant CSS styling alicuius elementi. Et in sequentibus in hoc video, puteus 'in specie leverage style facere a iugo mutationum nostrum website. Ita quibus sunt quaedam proprietates. 

Sunt etiam quidam modis posse nos uti etiam citius maybe recludet elementa Document Object. Fortasse maxime versatile horum sit getElementById. Et quasi diceretur, quia memento suus 'a methodum Document Obiicias, document.getElementById. 

Et intra parentheses de determinare an HTML elementum cum ID particular tribuunt quod Ive 'prius set malum et moriar statim et pergentes ad corpus caeleste esse elementum altiore website. Sic EGO dont 'have ut maybe EXERCITATIO per singula iacuit. EGO can iustus utor hac methodo reperiri, quodam quasi aestu insectationibus arguetur missile, ius? Is iustus vadit et invenit quaerit quid ipsa. 

GetElementsByTagName est simillima in spiritu. Forsitan invenies omnes confidens absque terrore tags aut omnes p tags detisque mihi omnia ordinata quod tunc mecum laboret. appendChild addit aliquid uno gradu in arbore. 

Et potest totum novum unum elementum eminebant de inferioribus. Aut transferam elementum ut ' eminebant de inferioribus et si voluero tam Define aliquid ab delere. Nunc a velox coding soni et fractum velox capitis salutaris note, hopefully. 

getElementById-- in d est lowercase. Non possum dicere quam mihi totiens used getElementById et capitalized d ibi. Quoniam suus 'vere communis. Id si scribere verbum illud solet capital capitale D. I Et iustus non operetur codice. Neque ob figurae. Hic est vere, realiter quidem bug quod omnibus commune facit, etiam peritos qui non habent facientes in aeternum hanc voluntatem. Nos tam iustum esse sensit, getElementById, quod est d lowercase. Et spero quod plura solus salvavit vos minutes saltem dolorem. 

Ideo quod omnibus nobis? Habemus his rationibus. Habemus hasce proprietates. Nunc, si nos illinc profectos document, document. quicquid possumus nunc adepto alicui universa ductilia de nostra web page volumus ut usura JavaScript sicut per haec vocans methodos et leveraging proprietates invenitur in diversis locis. 

Hoc possit verbosa haec document.getElementByID, maybe habeat longo tag nomen, maybe vos magis vocat infra annotauimus. Res can adepto aliquantulus frenum verbosus. Et programmers ut youve probabile videtur plures video uerborum quae non placent. 

Placet celeriter posse. Ita volumus a magis concise modo aliquid dicere. Itaque huiusmodi ducit ad providentia respectum quendam alicuius dicitur jQuery. Nunc jQuery non JavaScript. Non partem JavaScript. 

Scriptum est bibliotheca ab aliquo JavaScript programmers de X annis ante prospexerim. Et quid finem esse simpliciorem hoc vocavit client latus scripting, quae est basically quid erant iustus loquuntur cum DOM manipulations. Itaque si quid vellem mitigare background colo colui cultum of meus web page, maybe a speciei Div. 

Here, Im 'questus apparently ElementById colorDiv. Et latet exponere volui color. Si Im 'iustus usura pure JavaScript usura Document Object Model, multus of effercio quod iustum document.getElementByID colorDiv.style.backgroundColor = viridi. 

Demum. Erat multum loquaris. Etiam sit amet elit ut typus est. Et sic in jQuery, possumus dicere maybe Haec paulo brevius. Negotiatores maybe paulo sis suus aliquantulus magis crypticus subito, ius? 

Saltem dum paulo quid agere explanatory vales. Hoc pupa signum, parentheses, una quote, hash, colorDiv, ius? Quidnam est istuc? Bene, quod suus 'basically iustus document.getElementByID colorDiv. 

Sed huiusmodi actuaris exceptam jQuery illam agendi. Nunc sit amet justo inspice at a iugo of diversis modis, et veniam usque ad actualiter uti ad huius Documenti Object Exemplar manipulare pieces of meus site. In particulari, erant 'iens ut opus in deformetur colore a particulari Cap, colorDiv in Paginam. Sic lets 'inspice mentis. Omni jure. Ego istuc esse. At cum dicitur test.html download Huic si vis tinker. Habeo et fasciculum buttons on this page. Et Im dicens singulares background ad colorem purpureum viridi aureum igneas et hyacinthinas una quaedam functio in background colo colui cultum, eventus tracto nam color colore usus jQuery. Quid meditentur cum id facere? Et vidimus pyga. Nunc lets inspice ex quo codice hic. Puteus 'satus per test.html. Ita singulis officia background color est quid ego typed here. Da mihi paululum volumine. 

Et youll 'animadverto ut I quibus divaricatis buttons cum ipsum dicere est clicked, vocare functio turn purpura. Cum hoc puga pyga click is potius, vocare functio viridans turn aurantiaco, conversus rubrum, turn blue. Vos potest probabiliter suspicari hoc fortasse non optimum consilium sensus est, aequum? 

Esset nice quod si possem habere communius aditus. Habuimus tamen in primo iam vultu at quales illi sunt quinque functiones document.getElementByID colorDiv.style.background = purpura, viridi, aurantiaco, rubrum, et hyacintho, respective. Itaque non admodum optimum consilium. 

Sequenti statuto de buttons HI Ive 'written uno functio vocavit color immutatus est, ut videtur accipit si rumpat quis filum ut argumentum. Sic paulo melius. Purpura viride, rufi hyacintho nunc argumentum. Et scripsi generalius casu functio JavaScript, quas intuerer praesentes tale. Im 'transeunter. Hoc munus mutatio color est inopinantes argumentum dicitur color. Et Im dicens posuit background color ad colorem. Quid igitur habeo hic repraesentatur. Ut 'aliquantulus magis. 

Sed posset melius quam. Si descendat tollere vultus at eventus tracto situ, omnes hae voces respiciunt idem. Si memini, ad nostram super hac re disputantibus eventus tracto, Quo possim notitia haec buttons erat clicked et usum. 

Itaque event.JavaScript, quia commune aut inmundum scriptum mutatio color eventus, quae figuravit de puga pyga quod erat clicked. Ut 'trigger rectam. Et tunc hic, ad uerborum linguaeque gets realiter. Sed quid ego facio ego sum occasus background color ad triggerObject inner.HTML. Quod est in text inter puga pyga tags. 

Et tunc videntur habere ad exstruendam eam in lowercase. Omnis convertere et quam possum string ad lowercase in JavaScript usura causa initum lowercase. Quia cum posuero colorem Im 'trying ut hic, color est omnium minusculae. 

Sed me ipsum, si accipiamus aliam inviso, animadverto ut est text P scribitur capitale purpuris. Et tunc in ipso imo hic, ut videtur hoc quoque uti jQuery querere. Qua in re non sum actu vocans functio omnino. Ego sum genus quod dictum adhibitis ad puga pyga est jQ. Quod suus eam. 

Ita quomodo jQuery sciunt quae dixerim ego facio? Caeterum ex commodo exacuere vade incommoda jQuery. Potest facere licuerit admodum breviter, sed maybe non ut intuenti. Conspectu eorum si forte faciat a ceteris vocibus tubae trium quod facio aliquantulus magis sensum. Hic si quid agatur? 

Videtur, creans an anonymous function Quotiescunque enim onera quod document est paratam esse sic document.ready, functio futurum. Basically, ubi exstat documentum baiulus Sed postquam page oneravit. 

Ut primum pagina oneravit et haec functio semper est paratum. Inquit, si obiectum type jQButton, aut si genus jQButton fuerit clicked, faciam hoc munus. Hic duo minuta anonymous muneribus definita alterum interius. 

Sic equidem uel uniuersum context hic tantum abest ut meam page cum munere poscit onerat. Et hoc munus exspectat nam ipsum clicked. Et cum a puga pyga est clicked, jQ puga pyga in specie est clicked, vocat alius operatione consistat, quae est iens ut poneret ibi background colore colorDiv esse quidquid est in textu inter tags. 

Hoc est ratio puga pyga quod erat clicked. Caeterum hoc genus faciebatque similem eventum. Suus 'iustus sic ego volunt significare hanc in jQuery. Iterum, suus 'forsit acriter insequens, terrens multus magis. Suus 'non splendidum tamquam aliquid simile event.js, quod maybe paulo verbosior, sed paulo minor acriter insequens, terrens. 

Si autem rursus ad pop pasco fenestram, si committitur clicking-- bene, quod mutatur purpurascentes. Hoc est usura viridi filum modus. Hoc est usura aurantiaco eventus tracto. 

Hoc est red usura jQuery, ius? Omnes eodem conversari. They iustus facere cum nitantur varus accedit ad solvere problema. Illic 'multus magis jQuery tunc profecto sumus iens loqui de hoc video. Si vis discere magis potes ad jQuery sort of documentis discere admodum aliquantulus magis hoc ipsum flexibile bibliotheca, quam Magna est enim benefacientes client latus ut quid ageretur scripting manipulare aspectum et accusam nostra web page cum Document Object Model. Im Doug Lloyd. Hoc est CS50.