参考资料

1. HTML DOM 事件
2. HTML DOM 返回和设置链接的href属性实例
3. HTML DOM 返回页面上所有相对URL的基URL 实例
4. HTML DOM 返回文档中锚的数目
5. HTML DOM 返回文档的最后一次修改时间 实例
6. HTML DOM 打开输出流，向流中输入文本实例
7. HTML DOM 用指定的ID弹出一个元素的innerHTML实例
8. HTML DOM 属性

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

HTML DOM iframe marginwidth 属性

简介

marginwidth 属性用于设置或返回 iframe 元素的内容与 iframe 边框之间的左右边距（以像素为单位）。

标签

<iframe> 标签的属性

用法

// 获取 marginwidth 值
var width = document.getElementById("myIframe").marginWidth;

// 设置 marginwidth 值
document.getElementById("myIframe").marginWidth = "20";

实例

<iframe id="myIframe" src="demo_iframe.htm" marginwidth="30"></iframe>

<script>
// 获取当前 marginwidth 值
var currentMargin = document.getElementById("myIframe").marginWidth;
console.log(currentMargin); // 输出: 30

// 修改 marginwidth 值
document.getElementById("myIframe").marginWidth = "50";
</script>

功能

• 控制 iframe 内容与边框之间的左右间距

• 影响 iframe 内部内容的布局

• 仅影响左右边距，上下边距使用 marginheight 属性

CSS 扩展

虽然可以使用 HTML 属性设置，但推荐使用 CSS 替代：

iframe {
  margin-left: 30px;
  margin-right: 30px;
}

注意：marginwidth 是 HTML 属性，不是 CSS 属性，CSS 的 margin 属性会影响 iframe 元素本身在外部文档中的位置，而不是 iframe 内部内容的位置。