使用js操作dom，创建元素、添加样式等

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/zgdwxp/article/details/100740327

下面样例中，使用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的方法。