使用name属性来引用iframe

Question

使用getElementsByName()方法获取元素集合。然后，我们可以使用索引[0,1,2，…]来引用单个元素。但我有一个例子，其中名称属性直接用于指示iframe元素。这对我来说是件新鲜事。我不知道该怎么在谷歌上找到一些关于它的文章。谁能给我解释一下它是什么，在什么情况下我可以使用这种类型的引用方法?

我的意思是这里mask.document.designMode直接使用name属性来引用ifram。不应该是document.getElementById('mask').document.designMode吗?

我的代码启用了iframe元素的设计模式。它可以在我的浏览器中工作，但不确定为什么不能在SO的编辑器中工作。

function iframeOn(){
  mask.document.designMode='on';
 
}

<iframe name='mask' id='mask' onload='iframeOn();' style='border:1px solid black;width:700px;height:300px;word-wrap:break-word;padding-left:2px;padding-right:2px;padding-bottom:2px;overflow-y:scroll;' ></iframe>

Answer 1

不应该是document.getElementById('mask').document.designMode

。应该是

 var iframe=document.getElementById("mask");
 var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
    iframeDocument .designMode....

getElementById('mask')给你一个Iframe元素，你需要它的窗口/contentWindow对象，现在你可以做任何你想做的文档