参考资料

  1. HTML DOM 返回一个表单acceptCharset属性的值
  2. HTML DOM 改变一个包含在iframe中的文档的背景颜色
  3. HTML DOM 事件
  4. HTML DOM一个行的innerHTML
  5. HTML DOM删除下拉列表中的选项
  6. HTML DOM 返回一个button的name 实例
  7. HTML DOM为表格指定规则
  8. HTML DOM 返回文档的完整的URL实例

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(驼峰式)