参考资料

1. HTML DOM 返回图像映射的某个区域的href 实例
2. HTML DOM 哪个鼠标键被点击了？
3. HTML DOM 改变iframe的高度和宽度
4. HTML DOM 返回一个button所属表的ID 实例
5. HTML DOM指定表格的frame
6. HTML DOM弹出下拉列表中所有选项
7. HTML DOM改变单元格的内容
8. HTML DOM 属性

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

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 属性替代

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