浏览器下载完页面中的所有内容：HTML、JavaScript、CSS、图片――之后会解析并生成两个内部数据结构：。当DOM的改变影响了元素几何属性――浏览器就需要重新计算元素的几何特性，同样其他元素的几何属性和位置也会因此受到影响。为了减少发生次数，应该合

我们经常会有根据某个属性的取值来觉得模板渲染的需求，那就是最基本的分支语句。Angular 中有 ng-if 可以用，那么 Polymer 中当然也有 dom-if。其实 dom-if 是个很简单的东西，它只是作为本篇话题的接入点，我想介绍的实际上是 is

你是不是经常听师兄或一些前端前辈说不能用CSS通配符 *，CSS选择器层叠不能超过三层，CSS尽量使用类选择器，书写HTML少使用table，结构要尽量简单-DOM树要小....等这些忠告，以前我就大概知道使用通配符或者CSS选择器层次过多可能会降低性能，

表单<form>是网页中交互最多的形式之一，它通过各种形式接收用户的数据，包括下拉列表框，单选按钮，复选框和文本框，本篇主要介绍表单中常用的属性和方法javascript中可以很方便的操作表单，例如获得表单数据进行有效验证，自动给表单域赋值，处

DOM 其实是浏览器内元素对象的一个总称 我们用JavaScript对网页进行的所有操作都是通过DOM进行的。文档对象模型是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把

表单实例 这是一个表单的实力。这里有一个小问题：因为我的服务器现在不支持，所以表单不能提交。onSubmit的代码做了两件事情：检查你是否在四个文本框里面都填写了数据，然后把所有的元素都连接起来打印在下面的文本区域中。检测文本区域 这段代码会检测用户是否在

Dom基础―创建表格 利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。但第一种有可能在IE上有问题，所以推荐使用第二种。默认的insertRow()函数相当于 insertRow(-1)，将新行添

insertBefore()--在参考子节点之前插入一个新的子节点.如果参考的子节点为null,则新的子节点将作为调用节点的最后一个子节点插入。replaceChild()--在childNodes集合种使用指定的newChild来代替oldChild;如