2015年 实验三 HTML DOM的节点遍历.docVIP

实验三 HTML DOM的节点遍历 实验目的 1 掌握JavaScript DOM编程 2 理解HTML的节点访问 实验内容 1 自定义一个HTML文档 2 从HTML DOM中的一个节点出发，采用深度优先或广度优先算法，遍历HTML DOM 节点 实验要求 1 独立完成 2 纸质版提交日期：2014年11月10日中午12点 3 电子版提交日期：2014年11月9日晚上12点 4 电子版本要求： 包含实现代码及对应HTML文档 实验报告 打包成一个zip或rar压缩文件，发送至 ytang.bjs@139.com 压缩文件命名：学号_姓名_lab3 参考资料 1 HTML DOM节点之间的关系图 Node接口定义的节点类型都包含的特性和方法 特性和方法后面的 “冒号:” 紧跟的单词是“返回值类型” 2 JavaScript Node结构信息 Node 属性 遍历节点: parentNode : Node firstChild : Node lastChild : Node nextSibling : Node previousSibling : Node childNodes : NodeList 节点信息: nodeName :String nodeType :number nodeValue :String 返回一个节点的根元素（文档对象）: ownerDocument : Document 包含了代表一个元素的特性的Attr对象；仅用于Element节点： attributes : NamedNodeMap 获取对象层次中的父对象： parentElement [IE] :Node 方法 修改文档树: appendChild(Node newChild) : Node insertBefore(Node newChild, Node refChild) : Node removeChild(Node oldChild): Node replaceChild(Node newChild, Node refChild) : Node 克隆一个节点： cloneNode(boolean deep) : Node 删除一个子节点: removeNode(boolean removeChildren) : Node 判断childNodes包含是否包含节点： hasChildNodes() : boolean 特殊的Node Document 属性 自己的： documentElement : Element 继承 Node : attributes, childNodes, firstChild, lastChild, nextSibling, nodeName, nodeType, nodeValue, ownerDocument, parentElement, parentNode, previousSibling 方法 自己的： 创建元素： createElement(String tagName) : Element createTextNode(String data) : Text 查找元素： getElementById(String elementId) : Element getElementsByTagName(String tagname) : NodeList 继承 Node : appendChild, cloneNode, hasChildNodes, insertBefore, removeChild, removeNode, replaceChild Element 属性 自己的： tagName: String 继承 Node : attributes, childNodes, firstChild, lastChild, nextSibling, nodeName, nodeType, nodeValue, ownerDocument, parentElement, parentNode, previousSibling 方法 自己的： 属性的读写： getAttribute(String name) : String setAttribute(String name, String value) : void 其它： getElementsByTagName(String name) Stub : NodeList normalize() Stub : void removeAttribute(String name) : void 继承 Node : appendChild, cloneNode, hasChildNodes, inse