客户端:HTML,DOM和CSS?

Rac*_*hel 0 html css frontend client dom

我没有广泛使用Client Side/Front End应用程序,我试图阅读HTML, CSS and DOM但不知何故无法弄清楚它们之间的区别,所以如果有人能够:

  1. 用简单的英语解释我,HTML,CSS和DOM是如何工作的?
  2. 从客户端技术的角度来看,它们如何相互关联?

更新 我已经阅读了wikipedia文章,但无法清楚地了解DOM的工作.

谢谢.

Šim*_*das 5

什么是DOM?

假设您打开一个Web浏览器(例如Chrome)并在其中加载一个网页(例如stackoverflow.com).现在,在浏览器中,有一个window对象.该对象表示浏览器窗口.

window对象具有许多属性(成员),其中最重要的是document对象.该document对象表示当前加载到浏览器窗口中的网页.

document对象是DOM树的根:

http://www.w3schools.com/htmldom/htmltree.gif

上图中的每个框都是DOM树内的一个节点.节点是与DOM树中的其他对象"连接"的对象.

绑定到网页的JavaScript程序可以完全访问DOM树的每个节点.他们可以删除节点,添加新节点,或只是操纵节点的属性.


总而言之,浏览器内部存在数百个对象.所有这些对象都以某种方式连接,这种互连对象的巨大结构就是DOM.