html和dom区别

HTML和DOM有哪些区别?

大家都知道,HTML是静态文本描述的语言。

我们在加载页面的时候,第一个请求的返回往往是HTML,也就是页面的结构。

浏览器在拿到页面结构的时候,会按照语法,将HTML语言解析为DOM树。

DOM是「Document Object Model」的简写,意思是:文档对象模型。

浏览器会给DOM赋予一些属性、事件、方法,方便我们去操作。

顺便来聊一下,如何在页面中选择DOM?

方法很简单。

例如,我们现在正在访问Google的首页,想看看这个logo的情况,是文字还是图片。

Google

方法是:把鼠标移到对应的位置,然后右键 -> 点「检查」这个选项。

然后就能在开发者工具中看到对应的DOM了。