纯js如何创建一个css+div+iframe

Question

纯js如何创建一个css+div+iframe
<link href="my_frame.css" type="text/css" rel="stylesheet"/>
<div class="my_frame_box">
<iframe class="my_frame" src="http://baidu.com"></iframe>
</div>
注意，必须是纯js，无jquery库，网页加载完后创建这段代码appendChild到body下，其中class是必须要的，不能省，用于css调整显示。

Answer 1

var linkTag = document.createElement('link');
linkTag.href = 'my_frame.css';
linkTag.type = 'text/css';
linkTag.rel = 'stylesheet';var frameBox = document.createElement('div');
frameBox.className = 'my_frame_box';
var iframe = document.createElement('iframe');
iframe.scrolling = "no";
iframe.frameborder = "no";
iframe.className = 'my_frame'
iframe.src = "http://baidu.com";
frameBox.appendChild(iframe);document.getElementsByTagName('head')[0].appendChild(linkTag);
document.body.appendChild(frameBox);把head 和body标签写全