JavaScript文档对象模型.pptVIP

说明 该方法创建一个新的 TableRow 对象，表示一个新的 tr 标记，并把它插入表中的指定位置。 新行将被插入 index 所在行之前。若 index 等于表中的行数，则新行将被附加到表的末尾。 如果表是空的，则新行将被插入到一个新的 tbody 段，该段自身会被插入表中。 TableRow 对象 TableRow 对象代表一个 HTML 表格行。在 HTML 文档中 tr 标签每出现一次，一个 TableRow对象就会被创建。 * TableRow 对象集合 TableRow 对象属性 * 集 合 描 述 cells[] 返回包含行中所有单元格的一个数组 属性 描 述 align 设置或返回在行中数据的水平排列 innerHTML 设置或返回行的开始标签和结束标签之间的 HTML rowIndex 返回该行在表中的位置。 * 漫漫IT路， 你需要过来人指点！ * * 每天我们都在成长！ 隋春雨 Email：suichunyu1987@163.com 了解文档对象模型的概念 理解DOM的树形结构 DOM内部对象常用属性与方法 了解节点与元素的概念 使用DOM处理页面元素 利用div完善校验 利用DOM处理表格 * 文档对象模型， Document Object Model， 简称DOM，是W3C组织推荐的处理可扩展置标语言的标准编程接口 DOM是一个允许程序和脚本，动态读取和更新文档内容、样式的语言和平台 DOM是针对html与xml的应用程序接口，编程人员可以通过dom修改html或xml文档中某个元素及其属性和属性值 * HTML文档有一个嵌入标记的层级结构，它在DOM中表示对象的一棵树。HTML文档的这棵树的表示包含了HTML标记和元素的节点，以及表示文本串的节点 我们可以通过一段基本的HTML代码来了解其树形结构 * html head title树形结构/title /head body h1文档对象模型DOM/h1 p b树形结构/b /p /body /html * * document html head body title h1 p b 在DOM中，文档所有的组成部分都被看作是树的一部分，文档中所有的元素都是树的节点Node，每个节点都是一个Node对象，每种Node对象都定义了特定的属性与方法 * * 属 性 名 说 明 childNodes 返回当前节点的子节点组成的node数组列表，没有子节点返回空数组 firstChild 返回当前节点的node型的第一个子节点，没有返回null lastChild 返回当前节点的node型的最后一个子节点，没有则返回null nextSibling 返回当前节点的node型的下一个兄弟节点，没有则返回null nodeName 返回当前节点的名字 nodeType 返回当前节点的类型 parentNode 返回当前节点的Node型的父节点，没有则返回null previousSibling 返回当前节点的Node型的前一个兄弟节点，没有返回null * 方 法 名 说 明 appendChild() 为当前节点添加一个子节点 hasChildNodes() 判断当前节点是否有子节点 insertBefore() 当前节点指定的子节点之前添加一个子节点；如果指定的子节点为null或不存在，直接在指定的节点的最后添加一个子节点 removeChild() 将指定的子节点删除并返回 replaceChild() 返回被替代的子节点，并用指定的子节点代替；如果指定的子节点为null或不存在，直接将被替代的子节点删除 A node can be an element node, an attribute node, a text node, or any other of the node types 一个节点可以是一个元素节点，一个属性节点，一个文本节点，或任何其他的节点类型的节点 节点 :HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 * 通过Element对象的属性和方法可以方便地进行对页面元素各种控制和操作 * 属 性 名 说 明 id 返回当前元素的ID innerHTML 返回当前元素的HTML标记内容 innerText 以文本的形式返回当前元素的内容 style 返回当前元素的样式 tagName 返回