html css js dom树到底是什么关系

html-css016

html css js dom树到底是什么关系,第1张

形象一点说就是,html相当于人里面的器官,组成了人体;而Css就是你穿着的衣服,即使html网页结构相同,但是如果你的css变化的话整个网页也

是可以变化的,而js就是发蜡,香水之类的可以使你的网页更加丰富的脚本语言;整个网页就是人体,衣服,香水发蜡结合的结果了。dom树是根据网页的标签的层级关系来说的,可参考遗传学的那种关系.

换句话说:

html是网页的结构,css是网页的表达形式,JS是脚本语言;

想想一棵树是什么样子就好了。

html代码里面每一个标签都是dom的一个结点,每个结点可以包含其它结点,类似树干上可以长其它树干。

一个小蚂蚁,从树根开始,一点点往上爬,它可以到达树木的任意一个地方。

dom树也是的,从根标签html开始算起,可以查找到当前页面内的任意一个标签。

可以考虑css后代选择器。

比如jquery下:

$('html body article section span') 表示的是dom树上文章第一段里面的span标签节点。

javascript里面有dom操作,就是你必须要选中树上的某一个元素(可以是最外围的叶子,也可以是某条枝干),选中了之后才能对它进行下一步的操作。