参考资料

1. HTML DOM添加表格中的行
2. HTML DOM 返回和设置链接的charset属性实例
3. HTML DOM 改变一个包含在iframe中的文档的背景颜色
4. HTML DOM 节点
5. HTML DOM一个行的innerHTML
6. HTML DOM 哪个鼠标键被点击了？
7. HTML DOM为表格指定规则
8. HTML DOM 返回一个表单acceptCharset属性的值

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

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