基于JavaScript创建动态Dom

在Firefox、Safari、Chrome和Opera浏览器中，上面操作的DOM代码是可以正常执行的。但是在旧版本的IE浏览器中，这些代码会发生错误。旧版本的IE浏览器将元素看做特殊元素，不允许DOM访问它的子节点。与动态脚本类似，动态样式是指在页面加载时并不存在的样式。需要注意的是元素要添加到元素中，而不是元素中，才能保证在所有浏览器中的行为一致。创建单元格的方式也与创建表格行的方式相同。关于NodeList理解NodeList和NamedNodeMap、HTMLCollection是从整体上理解DOM的关键所在。这3个集合都是动态的，也就是说，每当文档结构发生了变化，它们始终都会保存最新的信息。从本质上来说，所有的NodeList对象都是在访问DOM文档时实时运行的查询。这样i < divs.length条件就永远不会成立，导致死循环的发生。