创建节点
在获取元素的节点后,还可以利用DOM提供的方法实现节点的添加,如创建一个li元素节点,为li元素节点创建一个文本节点等。
在DOM中,使用document.createElement('tagName')方法创建由tagName指定的HTML元素。因为这些元素在原先是不存在的,是根据实际开发需求动态生成的,所以也称为动态创建元素节点。
动态创建元素节点有3种常见方式,具体如下。
1. document.write()
document.write()创建元素,如果页面文档流加载完毕,再调用会导致页面重绘。
2. element.innerHTML
element.innerHTML是将内容写入某个DOM节点,不会导致页面全部重绘。
3. document.createElement()
document.createElement()创建多个元素效率稍微低一点,但是结构更加清晰。