如何修改外来的iframe内的页面的元素的样式

window.onload = function(){
    var _iframe = document.getElementById('iframe').contentWindow.document.getElementsByClassName('class')   //get iframe下的id
    _iframe[0].style.display= "none";  //修改样式
}

注意：

先举个小案例

var box = document.getElementsByClassName("box");
var ceshi=box.value;          
console.log (ceshi);
//返回undefined

为甚是undefined？这边文章不是赫然写着document.getElementsByClassName是原生js的函数吗？不可能没拿到class对象啊

带着疑问又开始问度娘... ... 

度娘告诉我document.getElementsByClassName拿到的是数组并非某一个对象，然后又试了一下

var box = document.getElementsByClassName("box");
var ceshi=box[0].value;          
console.log (ceshi);
//返回 box的内容

注意到了吧。box这里多出[0]