IE浏览器如何编辑DOM

 时间:2024-10-10 09:16:13

本篇说一下IE浏览器如何使用开发者工具编辑DOM

工具/原料

IE浏览器

方法/步骤

1、首先点击fn+f12打开开发者工具,如下图所示

IE浏览器如何编辑DOM

2、在开发者工具的DOM资源管理器面板中可以在一个DOM树中看到页面中的所有元素

IE浏览器如何编辑DOM

3、双击开发者工具上的回字图标,当鼠标放到某个DOM节点上时就会看到页面上突出显示了该DOM节点所对应的元素

IE浏览器如何编辑DOM

4、也可以点击开发者工具上的箭头图标,然后点击页面中想检查的元素,就会发现在DOM树中突出显示出了相关的DOM节点

IE浏览器如何编辑DOM

5、可以在DOM节点上右键,点击编辑为HTML,也HTML形式进行胆咣骜岱编辑,这时会出现一个编辑框,可以在编辑框中任意改变DOM节点,编辑好之后点击一下编辑框以外的区域编辑框就消失了芟坳葩津,并在页面上可以实时看到自己所编辑的页面元素发生的改变

IE浏览器如何编辑DOM

6、比如添加s隋茚粟胫tyle="color:red"将链接字体变为红色,添加好属性后可以看到页面中链接变成了红色的

IE浏览器如何编辑DOM

解决IE下“已经阻止ActiveX控件”方案 虚拟机与本地电脑鼠标和界面配置不同 Edge如何添加网站站点 oracle中如何处理引号 MobaXterm如何连接SFTP服务器,详细教程
热门搜索
电波少女 下雪的图片 宝马图片 痒疹图片 抗击疫情图片