如何修改iframe里面元素样式

我忘了具体是哪位道友得的我灵感的得了，我找不到你的网址了。在此谢过。。。

iframe 文档

<iframe id="iframes"> </iframe>

第一步获得iframe文档的document

  		var x=document.getElementById("iframes");
        var y=(x.contentWindow || x.contentDocument);
        if (y.document)y=y.document;

第二步修改元素

• 查找元素然后修改

 y.body.getElementsByClassName('元素class')[0].style.fontSize = '14px'
//id和class获取方式有一点点区别
 y.getElementById('元素id').style.fontSize = '12px'

• 向内部添加class样式

1. 在vue的template里添加以下代码

  <!-- 放calss文件的 -->
  <div id="div"></div>

2. 进行添加操作的代码

document.getElementById('div').innerHTML = `<style>.area{height:28px} </style>`
let divs =  document.getElementById('div')
y.body.appendChild(divs)