银河威尔的web专栏

appendData(text):将text添加到节点末尾 deleteData(offset,count):从offset指定的位置开始删除count个字符 insertData(offset,text):在offset指定的位置插入text replaceData(offset,count,text):用text替换从offset指定的位置开始到offset+count为止处的文本 s

创建一个表 var table=document.createElement("table"); table.border=1; table.width="100%"; 创建tbody var tbody=document.createElement("tbody"); table.appendChild(tbody); 创建第一行 tbody.insertRow(0); tbody.rows[0

querySelector():参数接收一个css选择符，返回与该模式匹配的第一个元素，找不到匹配的元素就返回null。 querySelectorAll():参数接收一样，返回一个Nodelist的实例。如果没有找到匹配的元素NodeList就是空的。 例如：document.body.querySelectorAll("p.ni");//查找所有类为ni的p元素

childElementCount:返回子元素的个数 firstELementChild:指向第一个子元素；firstChild的元素版 lastELementChild:指向最后一个子元素； previousElementSibing:指向前一个同辈元素 nextElementSibing:指向后一个同辈元素 支持IE9+

console.log(a.attributes["id"].nodeType);//2 console.log(a.getAttributeNode("id").nodeType);//2 hello world

html5新增DOM 1、getElementsByClassName():获取含有指定class的元素 2、classList：html5新增用于操作class的方式，所有元素都添加calssList属性。classList.length表示class包含类的数量。还定义了如下方法： add(value):将类添加进class，如果存在则不添加 contains(value):表示列表中是否存在

DOM样式 1、float由于是关键字在DOM2样式中规定为style.cssFloat，而IE支持为styleFloat。 2、style的属性和方法： 1）、cssText:访问style的css代码 2）、length:应用给元素的css属性的数量 3）、parentRule:表示css信息的CSSRule对象 4）、getPropertyCSSValue(propertyName):返回包

1、event对象只在事件处理程序执行期间才会存在一旦事件处理程序执行完成对象就会被销毁。 2、event.type //表示被触发的事件类型，如：click 3、event.preventDefault() //阻止事件默认行为，如a标签的跳转行为 4、event.stopPropagation()//阻止事件捕获和冒泡 5、eventPhase //值为1表示在捕获阶段调用的事件处理程序；为2