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属性值的方法
基础教程推荐
猜你喜欢
- php – 将html表单数据发送到mysql数据库 2023-10-26
- ubuntu 更换apache网站根目录/var/www/html及端口 2023-10-25
- HTML 2023-10-26
- Ajax返回值类型与用法实例分析 2023-02-22
- 一起学习html_01html基本标签 2023-10-26
- 简单谈谈margin负值的作用 2022-11-16
- SmartPlant3D VUE解析 2023-10-08
- 如何使用CSS移动文本 2023-10-08
- 关于 css:JavaScript 选择器的类前缀? 2022-09-21
- Web Components入门教程示例详解 2023-08-08
