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

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

// 创建元素var el = document.createElement("iframe");// 设置元素IDel.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"// 设置其他属性，如srcel.src="https://learn."// 添加元素到dom流，然后元素就会显示，否则元素只是存在于内存document.body.append(el);

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