javascript(js)操作dom，创建元素、添加样式、组织html

下面样例中，使用createElement方法，添加了一个iframe元素，并设置了一些样式。

// 创建元素
var el = document.createElement("iframe");
// 设置元素ID
el.id="_test_create_ele";
// 设置元素定位
el.style.position='fixed'
el.style.height='380px'
el.style.top='100px'
el.style["border-width"]="10px"
el.style["border-color"]="red"
// 设置其他属性，如src
el.src="https://learn.blog.csdn.net"
// 添加元素到dom流，然后元素就会显示，否则元素只是存在于内存
document.body.append(el);

上面就是简单的小例子。实际使用中，可以多在DevTools中尝试，可以看到很多Node、Child、Element的方法。