开发者社区开发与运维文章正文

chrome 技术篇-控制台切换框架，切换dom操作区

2021-12-14 167

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： chrome 技术篇-控制台切换框架，切换dom操作区

我们操作控制台时，默认可能会进入某个框架里的 dom 里，这样你就只能操作当前 dom 里的节点，如果我们要操作外部的内容，就要切换框架了，其中 top 是最外层。

虽然 top 是最外层，但是想操作某个框架里 dom 的内容也不行，需要切到对应的框架里。

总结就是：外部是个大的 dom 文件，可以控制里面的 frame 和 iframe 框架，但是 frame 和 iframe 里的 dom 它也访问不了，需要进入对应的框架，在框架里面也访问不了外面的，内外都是隔离的。

喜欢的点个赞❤吧！

文章标签：

JavaScript

Web App开发

关键词：

dom操作

控制台操作

技术dom

Chrome操作

dom技术

小蓝枣

桃李春风一杯酒

14天前

缓存 JavaScript 前端开发

【JavaScript 技术专栏】DOM 操作全攻略：从基础到进阶

【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互，涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习，开发者能掌握动态改变网页内容、结构和样式的技能，实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用，助你提升前端开发能力。

桃李春风一杯酒

23 0 0

飞翔的佩奇

4月前

Java 数据库数据安全/隐私保护

基于JavaSE+JDBC使用控制台操作的简易购物系统【源码+数据库】

飞翔的佩奇

50 0 0

清雨小竹

7月前

Web App开发开发者

利用chrome控制台调试post请求

清雨小竹

165 0 0

cuicuicuic

17天前

Web App开发 Java Serverless

Serverless 应用引擎操作报错合集之阿里函数计算中，使用自定义运行时部署程序时，发现Chrome层已经建立但运行程序仍然缺失如何解决

Serverless 应用引擎（SAE）是阿里云提供的Serverless PaaS平台，支持Spring Cloud、Dubbo、HSF等主流微服务框架，简化应用的部署、运维和弹性伸缩。在使用SAE过程中，可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。

cuicuicuic

24 1 1

1941623231718325

22天前

JavaScript 前端开发 UED

深入解析JavaScript原生操作DOM技术

【4月更文挑战第22天】本文深入探讨JavaScript原生DOM操作技术，包括使用`getElement*`方法和CSS选择器获取元素，借助`createElement`与`appendChild`动态创建及插入元素，修改元素内容、属性和样式，以及删除元素。通过掌握这些技术，开发者能实现页面动态交互，但应注意避免过度操作DOM以优化性能和用户体验。

1941623231718325

16 1 1

小万哥丶

2月前

XML 存储 JavaScript

DOM（文档对象模型）：理解网页结构与内容操作的关键技术

**DOM摘要：**文档对象模型（DOM）是独立于语言的接口，用于访问和修改HTML或XML文档。HTML DOM用于HTML，XML DOM用于XML。示例展示了如何用JavaScript通过DOM获取和修改元素，如通过ID或标签名。XML DOM涉及加载XML文件或字符串，获取元素值。DOM节点包括文档、元素、文本等，通过属性（如nodeName, nodeValue）和方法（如getElementsByTagName, appendChild）操作。节点树结构允许遍历和修改文档结构。

小万哥丶

48 2 2