Question

我已将Yammer iframe嵌入到页面中。我没有控制权。它被加载到“ div id =“ yammer-feed”“。加载页面后，我需要通过yammer Webpart（使用键盘）对选项卡进行可访问性要求。为此，我需要在以下期间将tabindex = 0插入“ iframe”中： componentDidMount生命周期。我试图危险地使用SetInnerHtml。当您要创建一个新的“ div”时，会危险地使用SetInnerHtml，或者也可以使用它来将属性插入到现有的div中。 iframe等。请帮助？

public render():React.ReactElement<> {
    return(
        <div tabIndex={0} id={"yammer-feed"}.....></div>
    );

}

放置时的iframe ...

<iframe id="..." name="..." frameborder="none" scrolling="no" title="Yammer" src="https://www.yammer.com/embed-feed? ... style="border: 0px; overflow: hidden; min-height: 26px; height: 100%; width: 100%;"></iframe>

我想动态添加tabindex并使它像这样：

<iframe tabindex="0" id="..." name="..." frameborder="none"   scrolling="no" title="Yammer" src="https://www.yammer.com/embed-feed? ... style="border: 0px; overflow: hidden; min-height: 26px; height: 100%; width: 100%;"></iframe>

如何使用dragonallySetInnerHtml将tabindex属性插入到已经存在的<iframe>中

0 个答案: