JS返回iframe中frameBorder属性值的方法可以使用以下步骤：
JS返回iframe中frameBorder属性值的方法可以使用以下步骤：
步骤1：获取iframe元素
使用document.getElementById()方法获取指定id的iframe元素。
例如，假设您的iframe元素的id为myFrame，代码如下：
var iframe = document.getElementById('myFrame');
步骤2：访问iframe里的document
使用iframe.contentDocument得到iframe中的document对象，然后再使用getElementById()方法获取指定id的元素。
例如，你要获取在iframe中id为iframeBody的元素的frameBorder属性，代码如下：
var iframe = document.getElementById('myFrame');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
var iframeBody = iframeDoc.getElementById('iframeBody');
var iframeBodyFrameborder = iframeBody.frameBorder;
示例1
<iframe id="myFrame" src="https://www.w3school.com.cn/" frameborder="1"></iframe>
<div id="result"></div>
<script>
var iframe = document.getElementById('myFrame');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
var frameBorder = iframe.getAttribute('frameborder');
var result = document.getElementById('result');
result.innerHTML = "frameBorder属性的值为：" + frameBorder;
</script>
运行结果如下：
示例2
<iframe id="myFrame" src="https://www.w3school.com.cn/" frameborder="0"></iframe>
<div id="result"></div>
<script>
var iframe = document.getElementById('myFrame');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
var iframeBody = iframeDoc.getElementById('course');
var iframeBodyFrameborder = iframeBody.getAttribute('frameborder');
var result = document.getElementById('result');
result.innerHTML = "iframeBody的frameBorder属性的值为：" + iframeBodyFrameborder;
</script>
运行结果如下：
以上就是JS返回iframe中frameBorder属性值的方法的完整攻略，希望能帮助到您。
沃梦达教程
本文标题为：JS返回iframe中frameBorder属性值的方法
基础教程推荐
猜你喜欢
- vue离线环境如何安装脚手架vue-cli 2025-01-19
- 关于文字内容过长，导致文本内容超出html 标签宽度的解决方法之自动换行 2023-10-28
- CSS3的几个标签速记(推荐) 2024-04-07
- js禁止页面刷新与后退的方法 2024-01-08
- 浅谈Vue2和Vue3的数据响应 2023-10-08
- 基于Vue制作组织架构树组件 2024-04-08
- Ajax实现动态加载数据 2023-02-01
- 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响 2024-04-26
- this[] 指的是什么内容 讨论 2023-11-30
- JS前端广告拦截实现原理解析 2024-04-22
