形象一点说就是,html相当于人里面的器官,组成了人体;而Css就是你穿着的衣服,即使html网页结构相同,但是如果你的css变化的话整个网页也
是可以变化的,而js就是发蜡,香水之类的可以使你的网页更加丰富的脚本语言;整个网页就是人体,衣服,香水发蜡结合的结果了。dom树是根据网页的标签的层级关系来说的,可参考遗传学的那种关系.
换句话说:
html是网页的结构,css是网页的表达形式,JS是脚本语言;
想想一棵树是什么样子就好了。html代码里面每一个标签都是dom的一个结点,每个结点可以包含其它结点,类似树干上可以长其它树干。
一个小蚂蚁,从树根开始,一点点往上爬,它可以到达树木的任意一个地方。
dom树也是的,从根标签html开始算起,可以查找到当前页面内的任意一个标签。
可以考虑css后代选择器。
比如jquery下:
$('html body article section span') 表示的是dom树上文章第一段里面的span标签节点。
javascript里面有dom操作,就是你必须要选中树上的某一个元素(可以是最外围的叶子,也可以是某条枝干),选中了之后才能对它进行下一步的操作。