aria-describedby或aria-details能否引用iframe内部的元素？
创始人
2024-09-13 08:30:22
0次

可以使用postMessage来实现。 在iframe内部，将需要引用的元素的id加入postMessage中，然后在父级页面中监听message事件，获取到该id后再使用aria-describedby或aria-details进行引用。 代码示例： //在iframe内部 var targetId = 'target'; window.parent.postMessage(targetId, '*');

//在父级页面中 window.addEventListener('message', function(event){ var targetId = event.data; var targetElement = document.getElementById(targetId); var descriptionId = 'description'; targetElement.setAttribute('aria-describedby', descriptionId); });

需要注意的是，需要保证父级页面和iframe页面之间的协调一致，以保证postMessage的准确性。

上一篇：aria-describedby或aria-details可以引用iframe内的元素吗？

下一篇：aria-describedby默认情况下为空文本错误-这是否正确？

相关内容

热门资讯

2分钟详情！微信小程序黑科技神... 2分钟详情！微信小程序黑科技神器，德州ai免费（详细透视辅助软件教程）；（需添加指定薇7574469...
1分钟方法！中至抚州有没有挂，... 1分钟方法！中至抚州有没有挂，来玩德州app辅助工具是真的（详细透视辅助app教程）；亲真的是有正版...
三分钟黑科技！中至软件扑克挂，... 三分钟黑科技！中至软件扑克挂，扑克世界牌局设置（详细透视辅助软件教程）1、完成中至软件扑克挂的残局，...
8分钟教程！四川家园麻将断勾卡... 8分钟教程！四川家园麻将断勾卡有没有挂，wepoke德州扑克系统规律（详细透视辅助app教程）1、每...
1分钟辅助挂！浙江游戏大厅ap... 1、1分钟辅助挂！浙江游戏大厅app辅助，wopoker辅助器免费版v2.0（详细透视辅助神器教程）...
四分钟介绍！新麻圈辅助，德扑之... 新麻圈辅助新手教程相关信息汇总（需添加指定薇757446909获取下载链接）；四分钟介绍！新麻圈辅助...
2分钟辅助挂！吉祥麻将填大坑怎... 2分钟辅助挂！吉祥麻将填大坑怎么能让胜率高，wpk如何才能稳定长期收益（详细透视辅助工具教程）1、让...
9分钟攻略！推大石有外挂么，p... 9分钟攻略！推大石有外挂么，pokerx机器人（详细透视辅助软件教程）；实战中需综合运用上述技巧，并...
8分钟教学！潮汕雀友外挂，wp... 8分钟教学！潮汕雀友外挂，wpk系统发牌规律（详细透视辅助软件教程）；超受欢迎的潮汕雀友外挂稳赢小游...
四分钟详情！逗娱碰胡辅助拿好牌... 四分钟详情！逗娱碰胡辅助拿好牌，wpk微扑克真的有辅助（详细透视辅助神器教程）是一款可以让一直输的玩...