Ang kailangan mo lamang Malaman Tungkol sa DOM sa JavaScript

Ang artikulong ito ay magbibigay sa iyo ng isang detalyado at komprehensibong kaalaman tungkol sa Modelong Bagay ng Dokumento hal. DOM sa JavaScript.

Alam mo bang maaari naming gamitin ang JavaScript upang manipulahin ang nilalaman sa web page? Parang nakakainteres di ba? Unawain natin kung ano ang ibig sabihin ng Modelong Bagay ng Dokumento. DOM sa JavaScript sa sumusunod na pamamaraan:

Ano ang DOM sa JavaScript?

Ang Modelong Bagay ng Dokumento o DOM ay nilikha ng browser kapag na-load ang isang webpage. Sa grapikong anyo, ito ay tulad ng isang puno ng mga elemento na tinatawag ding mga node, na ginagamit upang kumatawan sa bawat solong elemento sa pahina.



Ang lahat ng DOM ng aming webpage ay nakaupo sa loob ng object ng dokumento. Sa programatic, pinapayagan kami ng modelong ito na basahin o baguhin ang nilalaman ng aming pahina sa pamamagitan ng . Hindi ba cool?

Mga pagkilos ng DOM sa JavaScript

Ang ilan sa mga pagkilos na magagawa natin sa modelong ito ay:

  • Baguhin / Alisin ang mga elemento ng HTML sa DOM / sa pahina.

  • Baguhin at idagdag ang mga estilo ng CSS sa mga elemento

    alamin ang mga hakbang na hakbang
  • Basahin at baguhin ang mga katangian (href, src, alt), atbp.

  • Lumikha ng mga bagong elemento at ipasok ang mga ito sa DOM / pahina.

  • Ikabit ang mga tagapakinig ng kaganapan sa mga elemento (i-click, keypress, isumite)

Pagtatanong sa DOM sa JavaScript

Ang pag-grab ng isang elemento ng HTML o paghawak dito upang idagdag / baguhin o nilalaman ay tinatawag na pagtatanong.

HTML Code:

ano ang mga kaganapan sa javascript
Javascript at ang DOM h1 {font-size: 60px}

JavaScript Code:

var title = document.getElementById ('title') // cgangin color to red title.style.color = 'red' var body = document.getElementById ('body') // pagbabago ng kulay ng background sa light blue body.style. backgroundColor = 'lightblue'

ano ang ibig sabihin ng pansamantala sa java

Binago namin ang kulay ng teksto ng pamagat mula sa itim sa pula gamit ang JavaScript. Nakamit natin ito gamit ang .style binago ng ari-arian ang halaga ng kulay upang katumbas ng neto .

Ngayon baguhin natin ang kulay ng background ng elemento ng katawan sa light blue .

Sa pamamagitan nito, natapos namin ang DOM na ito sa artikulong JavaScript. Inaasahan kong nakakuha ka ng pag-unawa sa kung paano gumagana ang Mga Modelong Bagay ng Dokumento at kung paano ipatupad ang parehong DOM sa JavaScript.

Ngayong alam mo na ang tungkol sa DOM sa JavaScript, tingnan ang ni Edureka. Tutulungan ka ng Pagsasanay sa Pagpapatunay ng Pag-unlad sa Web na malaman kung paano lumikha ng mga kahanga-hangang website gamit ang HTML5, CSS3, Twitter Bootstrap 3, jQuery at Google API at i-deploy ito sa Amazon Simple Storage Service (S3).

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng 'DOM sa JavaScript' at babalikan ka namin.