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>

运行结果如下：

frameBorder属性的值为：1

示例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>

运行结果如下：

iframeBody的frameBorder属性的值为：0

以上就是JS返回iframe中frameBorder属性值的方法的完整攻略，希望能帮助到您。