参考资料

1. HTML DOM 对image排版
2. HTML DOM 返回一个表单的name 实例
3. HTML DOM 改变一个iframe的src
4. HTML DOM 返回表单中的enctype属性的值
5. HTML DOM 根节点childNodes 和 nodeValue
6. HTML DOM 返回一个button的value 实例
7. HTML DOM document.write() 方法
8. HTML DOM 返回文档中第一个图像的ID

HTML DOM 返回一个iframe中的frameborder属性的值

HTML DOM iframe frameborder 属性

简介

frameborder 属性用于指定是否在 <iframe> 元素周围显示边框。

标签

<iframe frameborder="value">

属性值

• "1" 或 "yes"：显示边框（默认值）

• "0" 或 "no"：不显示边框

用法

// 获取 frameborder 值
var frameBorderValue = document.getElementById("myIframe").frameBorder;

// 设置 frameborder 值
document.getElementById("myIframe").frameBorder = "0";

实例

<iframe id="myIframe" src="example.html" frameborder="0"></iframe>

<script>
  // 获取 frameborder 值
  console.log(document.getElementById("myIframe").frameBorder); // 输出 "0"
  
  // 设置 frameborder 值
  document.getElementById("myIframe").frameBorder = "1";
</script>

功能

控制 iframe 元素是否显示边框，影响视觉呈现。

CSS 扩展

现代开发推荐使用 CSS 替代 frameborder 属性：

iframe {
  border: none; /* 移除边框 */
  /* 或 */
  border: 1px solid #ccc; /* 自定义边框样式 */
}

注意事项

• frameborder 属性在 HTML5 中已废弃，建议使用 CSS 替代

• 该属性名称在 DOM 中为 frameBorder（驼峰式）