JavaScript对象模型DOMHistory和Location使用DOM解析模型将文档加载到内存中形成树型结构，树型结构是根节点。每个标签会变成一个元素节点，标签的属性会变成一个属性节点，标签里面的文本内容会变成一个文本节点。注意:attribute node，不属于DOM树结构，不属于任何节点的父节点，Attribute node附加在element node上的一个附加节点【上面的代码生成6个element node，5个Attribute node，9个text nodes】。HTML本身也是XML，所以用XML DOM API来规范DOM元素DOM attr DOM text DOM document HTML DOM是XML DOM的扩展，比XML DOM开发JS更简单方便！HTML最大的优点是它操作表单对象和表格数据。1.BOM和HTML DOM图学习DOM编程。从文档对象开始，文档表示当前HTML网页文档对象，是窗口对象的一个属性，可以直接使用。所有HTML DOM对象都是文档子对象。2.DOM编程和开发window.document表示整个HTML文档。①:通过document获取Node对象，forms获取页面中所有表单元素的集合。document.body访问页面中的元素document.cookie来使得使用JS操作网页cookie信息的全局检索提供了三个重要的方法:document.getElementById():通过Id属性检索节点node (Element element)，通过Name属性检索document.getElementsByName。获取NodeListdocument。getElementsbytagname通过标记元素名称获取nodelist，其中NodeList可以作为数组操作。演示:在每个h1标签后添加itcast。//在每个h1标记中添加一个it cast window . onload = function(){ var nodelist = document . getelementsbytagname(" h1 ")；for(vari = 0；iaabcddd②:获取节点后，如果节点是元素，则在里面操作文本内容innerHTML(HTML页面中的所有元素必须是HTML元素，innerHTML是所有HTML元素的共同属性。)XML获取一个元素的内部文本内容，element.firstChild.nodeValue(见注释32) ③:通过节点的相对位置访问元素childNodefirstildlastchildnextbling parent node display。用两种方式打印出来——明天休息明天休息var h1 = document . getelementbyid(" h1 ")；alert(h1 . innerhtml)；//模式1 alert(h1 . first child . nodevalue)；//方法2 3。DOM元素的常见操作DOM get节点:节点查询引用DOM更改节点:元素属性修改setAttribute(name，Value)内部文本元素innerHTMLDOM的修改删除节点:removeChild删除子元素，removeAttribute(name)删除节点指定属性*删除节点o.parentnode.removechild (o) DOM替换节点:replaceChild:父节点。replaceChild(新节点，被替换的节点)；如果对于一个已有的节点，执行appendChild和replaceChild会造成节点的移动效果，可以通过克隆然后复制来消除。 DOM创建节点:文档对象提供createElement()创建元素，createAttribute(name)创建属性，createTextNode()创建文本节点DOM添加节点appendChild父元素。appendChild(新的子节点)；在父节点前插入。insertBefore(新子节点，子节点已存在)DOM克隆节点源节点。cloneNode(真)；这个方法可以返回一个节点的克隆节点。克隆的节点包含原始节点的属性和子元素。这部分有很多练习。建议大家做一些写作，加强对代码的熟练度。