参考资料

1. HTML DOM 返回图像映射的某个区域的pathname 实例
2. HTML DOM单元格内容水平对齐
3. HTML DOM 返回一个表单中元素的数量 实例
4. HTML DOM 修改
5. HTML DOM 返回图像映射的某个区域的href 实例
6. HTML DOM 返回一个表单target属性的值
7. HTML DOM document.write() 方法
8. HTML DOM 用指定的Name弹出元素的数量实例

HTML DOM iframe longdesc 属性

概述

longdesc 属性用于指定一个指向 iframe 内容详细描述的 URL。

标签用法

<iframe longdesc="description_url"></iframe>

功能

• 为 iframe 内容提供详细描述的链接

• 主要用于辅助技术（如屏幕阅读器）访问

DOM 访问

// 获取 longdesc 值
var descUrl = document.getElementById("myIframe").longDesc;

// 设置 longdesc 值
document.getElementById("myIframe").longDesc = "new_description.html";

实例

<iframe id="myFrame" src="content.html" longdesc="description.html"></iframe>

<script>
  // 获取 longdesc 属性
  var longDesc = document.getElementById("myFrame").longDesc;
  console.log("描述文件地址: " + longDesc);
</script>

CSS 扩展

虽然 longdesc 本身不是 CSS 属性，但可以通过 CSS 选择器来定位带有特定 longdesc 的 iframe：

iframe[longdesc] {
  /* 所有带有 longdesc 属性的 iframe */
  border: 1px solid blue;
}

iframe[longdesc="description.html"] {
  /* 特定 longdesc 值的 iframe */
  background-color: #f0f0f0;
}

注意事项

• 现代 HTML5 规范中，longdesc 属性已被废弃

• 推荐使用 aria-describedby 或其他 ARIA 属性替代

• 主要为了向后兼容而保留