4_DOM讲义.ppt

DOM概念 /DOM/ DOM是表示文档(如HTML文档)和访问、操作构成文档的各种元素的应用程序接口(API). 通过DOM,可以访问、修改、增加HTML中的元素和元素的属性，通俗来讲，就是可以通过编程方式操控HTML页面中的内容 DOM DOM 一些术语 html (元素/节点，子元素/子节点，元素的属性) body form id=“mx” name=“myform” input type=“text” name=“user” value=“abc” /form /body /html DOM中常用的接口 Document查找元素 Element getElementById(String elementId); //按元素ID取得元素 Node[] getElementsByTagName(String tagname); //按元素名字取得节点数组 Node[] getElementsByName(String name); 按标记名字取得标记，返回是数组 DOM中常用的接口 2. Node 代表一个节点（元素） 属性： Node[] childNodes 当前节点的所有子节点 Node firstChild 当前节点的第一个子节点 Node lastChild 当前节点的最后一个子节点 String nodeName String nodeValue 文本节点的值 DOM常用接口（创建节点） Node接口常用方法 方法： Node appendChild(Node newChild) 增加新节点 Node removeChild(Node oldChild) 移除子节点 Node replaceChild(Node newChild, Node oldChild) 替换子节点 Element：代表元素 3. Element void setAttribute(String name, String value) 设置元素属性 String getAttribute(String name) 按属性名字获取元素属性 void removeAttribute(String name) 按属性名字移除属性 总结 掌握DOM的思想 掌握DOM中常用的方法 北 京 维 信 科 技 有 限 公 司 Company LOGO DOM Topic Java EE 高级软件工程师系列课程 王丽霞QQ:1506164798 html head titleSample Document/title /head body h1An HTML Document/h1 pThis is a isimple/i document/p. /body /html Element createElement(String tagName) 创建新元素 Text createTextNode(String data); 创建文本节点 * *