怎样记录网页某一状态时的dom。js随时更改着页面的dom.想查看当变到某一状态时的dom。用firebug可看吗？

Posted 2023-03-14

如当鼠标移入某下滑菜单时。html被js改变，下滑菜单加了一些class等。当鼠标移出时，又恢复原样。
我想看一下当鼠标移入时html代码的结构

据我了解是这样
HTLM应该是超文本标记语言不是协议，HTTP那东西才是协议,js和javascript实际上是一样的，javascript简称叫 js ， JScript 是 微软出的 跟javascript差不多，现在都叫JS了，HTML/CSS/javascript W3C都有制作规范与标准。dom树是属于javascript的一部分,javascript大体包含3个西:ECMAScript语法(在此基础上建立的javascript语法,还如FLASH的ActionScript也基于ECMAScript扩展的),DOM对象（文档），BOM对象（浏览器）.
而DOM对象的出现是为了方便javascript操作HTML标签而已.BOM对象也就是操作浏览器了.标准的HTML文档实质上就是一个是就一个树形结构的XML文档
DOM全名document object model 文档对象模型，也就是基于HTML文档出来的，所以操作DOM实际上就是在操作HTML文档对象(每一个标签).
CSS只能修饰HTML的样式而已，而javascript能把HTML与CSS相结合，也就是以前所说的DHTML（动态HTML）。
http只是传输协议，没他的话网站都打不开了。
html这套标签机制也是又W3C规范的，每个浏览器对CSS，HTML，JS的解析都存在问题，所以当时就出现了W3C这个民间的组织，重点是民间组织，O(∩_∩)O哈哈~，组成就是为了说服各大浏览器厂商统一解析CSS，HTML，JS,目前各大浏览器厂商对标准支持的越来越好了（IE最差，可能有钱有势吧，老弄些IE特有属性与方法，而不采用DOM核心方法），但是还是存在差异，希望开发者再也不用为浏览器兼容考虑那一天的到来。

看到你的补充,我很无语,你最开始问的问题，连基本概念性的东西都搞不明白，还说书上一大堆,你真的搞明白了没？CSS操作DOM都跑出来了，够囧，基本几个东西的关系你都搞不清楚，你还问机制怎么实现的，你干脆去问浏览器怎么做的吧，说话有点冲动了，别介意，也不晓得你详细看了我上面的问答没,老兄一步一个脚印吧，你还没到那境界！ 参考技术A 你可以使用Firefox浏览器，安装Firebug插件，这样就可以看了。
根据你的描述，基本上就是在某个标签上加了一个Class属性或是把已有的Class属性移除。
比如你的标签是Div，那就是在下面两种情况之间不停的转换。
<div class="addClass"></div>
<div></div>或者是<div class=""></div>本回答被提问者采纳