参考资料

1. HTML DOM 返回文档的完整的URL实例
2. HTML DOM改变表格边框的宽度
3. HTML DOM 返回和设置链接的href属性实例
4. HTML DOM 返回image的name
5. HTML DOM 返回一个表单中元素的数量 实例
6. HTML DOM 返回文档中第一个图像的ID
7. HTML DOM 返回图像映射的某个区域的shape 实例
8. HTML DOM一个单元格的innerHTML

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（驼峰式）