ppwwp的专栏

DOM是文档对象模型（Document Object Model）的简称。借助DOM模型，可以将结构化文档转化成DOM树，程序可以访问、修改树里的节点，也可以新增、删除、树里的节点。程序操这棵DOM树的时候，结构化文档随之动态改变。简单的说，DOM采取只管、一致方式对结构化文档进行模型化处理，形成一颗结构化的文档树，从而提供访问、修改该文档的简易编程接口。因此，一旦掌握了DOM编程模型，就有了使...

表单在DOM中由HTMLFormELement对象表示，该对象除了可调用前面介绍的基本属性和方法之外，还拥有如下几个常用属性。action：返回该表单的action属性值，该属性用于指定表单的提交地址。读写属性。elements：返回表单内全部表单控件所组成的数组。使用该数组可以访问该表单内的任何表单控件。只读属性。length：返回表单内表单域的个数，该属性等于elements.leng...

当一个节点被创建成功之后，一定要将该节点添加到DOM树种太能显示出来。对于普通的节点，可采用Node对象的如下方法来添加节点。appendChild(Node newNode):将newNode添加成大年及诶按的最后一个节点。insertBefore(Node newNode,Node refNode):在refNode节点之前插入newNode节点。replaceChild(Node n...

JavaScript脚本可以为DOM动态增加节点，程序为DOM树增加节点时，页面会动态地增加HTML元素。当需要为页面增加HTML元素时，应按如下两个步骤操作。创建或复制节点添加节点创建或复制节点创建节点通常借助于document对象的CreateElement方法来实现，语法如下。document.createElement(Tag):创建Tag标签对应的节点。下面代码演示...

一旦获取了某个HTML元素，由于该元素与DOM树某个节点对应，因此可以利用节点之间的父子、兄弟关系来访问HTML元素。利用节点关系访问HTML元素的属性和方法如下：Node Parentnode:返回当前节点的父节点。只读属性。Node previousSibing:返回当前节点的前一个兄弟节点。只读属性。Node nextSibing:返回点前节点的后一个兄弟节点。只读属性。Node...

根据CSS选择器来访问HTML元素由document的如下方法提供支持。Element querySelector(selectors); 该方法参数既可以是一个CSS选择器，也可以是用多个逗号隔开的多个CSS选择器，该方法返回HTML文档中第一个符合选择器参数的HTML元素。NodeList querySelectorAll(selectors);该方法与前一个方法用法类似，只是该方法将返...

删除列表框，下拉菜单的选项有两种方法：利用HTMLSelectElement对象的remove()方法删除选项。直接将指定选项赋值为null即可。对HTMLSelectElement对象而言，它提供了如下方法用于删除选项。remove(long index)：删除指定索引处的选项。上面方法中的index是需要删除选项所在的索引值。如果该索引值比下拉列表中选项的最大索引值还大，或者...

删除HTML元素也是通过删除节点来完成的。对于普通的HTML元素，可通过方法来删除节点，而列表框，下拉菜单，表格则亚欧额外的方法来删除HTML元素。删除节点通常借助于父节点，Node对象提供了如下方法来删除子节点。removeChild(oldNode):删除oldNode子节点。在父节点中删除该节点后，该子节点代表的内容也会消失。下面的代码通过控制HTML增加、刪除节点来使页面中的表...

表格元素、表格行则另有添加子元素的方法。实际上，他们可以再添加子元素的同时创建这些子元素。也就是说，添表格子元素时，往往无须使用document的createElement()方法来创建节点。HTMLTableElement对象有如下方法：insertRow(index):在index处插入一行。返回新创建的HTMLTableRowElement。createCaption():为该表格创...

访问到指定HTML元素之后，还可以对该元素进行修改，通过修改HTML元素就可以实现动态更新HTML页面的目的了。修改节点通常是修改节点的内容，修改节点的属性，或者修改节点的CSS样式。总结起来一句话：HTML元素的所有读写属性都可以被修改！一旦HTML元素的属性值被修改，HTML页面上对应的内容也就随之改变。修改HTML元素通常通过修改如下几个常用属性来实现 。innerHTML:大部分HT...

HTMLTableElement代表表格，HTMLTableElement对象除了可使用普通HTML元素的各种属性和方法外，还支持如下额外的属性。caption:返回该表格的标题对象。可通过修改该属性来改变表格标题。HTMLCollection rows: 返回该表格里所有表格行，该属性会返回<thead……/>、<tfoot……/>和<tbody……/>...

HTMLSelectElement代表一个列表框或下拉菜单，HTMLSelectElement对象除了可使用普通HTML元素的各个属性和方法外，还支持如下额外的属性。form:返回列表框、下拉菜单所在的表单对象。只读属性。length:返回列表框、下拉菜单的选项个数。该属性的值可通过增加或删除列表框的选项来改变。只读属性options:返回列表框、下拉菜单里所有选项组成的数组。只读属性s...

为了动态的修改HTML元素，必须能访问HTML元素，DOM提供了两种方式来访问HTML元素：根据ID访问HTML元素根据CSS选择器访问HTML元素利用节点关系访问HTML元素前一种方式简单易用，主要有document提供的getElementById()方法来完成；后一种方式则利用树节点之间的父子、兄弟关系来访问。根据ID访问HTML由如下方法来实现。document.getE...

有些HTML元素之间可以相互嵌套，例如<div……>元素可以相互嵌套；但有些HTML元素则不可以相互嵌套，例如<td……/>元素只能作为<tr……/>元素的子元素，<option……/>元素只能作为<select……/&amp

HTML文档是一种结构化文档，虽然HTML5为html文档增加了一些自由的格式，但浏览器去解析HTML5文档时依然会把它当成格式化文档进行处理，因此能使用DOM来操作HTML5文档。DOM为常用的HTML元素提供了一套完整的继承体系。从页面的document对象到每个常用html元素，DOM模型都提供了对应的类，每个类都提供了相应的方法来操作DOM元素本身、属性及子元素。DOM模型允许以树的方...

为列表框、下拉菜单添加子节点，也就是为列表框、下拉菜单添加选项。添加选项有两种方法：调用HTMLSelectElement的add()方法添加选项直接为<select……>的指定选项复制HTMLSelectElement包含如下方法用于添加新选项。add(HTMLOptionElement option,HTMLOptionElement before):在before选项之...