DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动？
document.documentElement 返回文档的根节点<html>
document.body <body>
document.activeElement 返回当前文档中被击活的标签节点(IE)
event.fromElement 返回鼠标移出的源节点(IE)
event.toElement 返回鼠标移入的源节点(IE)
event.srcElement 返回激活事件的源节点(IE)
event.target 返回激活事件的源节点(firefox)
当前对象为node：
返回父节点：node.parentNode， node.parendElement(IE)
返回所有子节点：node.childNodes（包含文本节点及标签节点）,node.children
返回第一个子节点：node.firstChild
返回最后一个子节点： node.lastChild
返回下一个兄弟节点：node.nextSibling
返回上一个兄弟节点：node.previousSibling
parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和 childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox 就不支持，所以大家只要记得有parentElement和children就行了
节点的操作：
创建节点： document.createElement("div");//好像大都只能用document，不知道还能换成什么
创建节点： document.createTextNode("fdsafdas");
还有一个创建节点碎片： document.createDocumentFragment();（可以用来减少页面多次刷新，上篇文章有详细说过）
常用的添加节点：
node.appendChild(node);//在节点pnode的子节点后追加node子节点
node.insertBefore(newChild, oldChild);//在现有的子节点前插入一个新的子节点
//newChild作为的pnode的子节点插入到其子节点oldChild之前，oldChild为可选项参数， 当为null时其效果与appendChild一样，记住这句话，两个参数就不会记倒了，这里注意可没有node.insertAfter()，只能自己定义
删除节点： pnode.removeChild(node)
复制节点： pnode.cloneNode(include_all); //include_all为true时，则同时复制所有子节点，为false时，则只复制该节点（注意id也会被复制）
替换节点： pnode.replaceChild(newnode,oldchild)
访问节点：
访问html元素：var oHtml=document.documentElement;
获取head元素：var oHead=oHtml.firstChild;
获取body元素：var oBody=oHtml.lastChild; 或者 var oBody=document.body;
也可以通过childNodes来做同样的工作：
var oHead=oHtml.childNodes[0] 或者 oHtml.childNodes.item(0);
var oBody=oHtml.childNodes[1] 或者 oHtml.childNodes.item(1);
判断节点间关系：
alert(oHead.parentNode==oHtml);
alert(oBody.previousSibling==oHead);
alert(oHead.nextSibling==oBody);
alert(oHead.ownerDocument==document);
访问指定节点：
熟知的getElementsByTagName(name),getElementsByName(name),getElementById(id)三个方法，不再展开。
属性操作：
getAttribute(name) ——返回名称为name的属性的值
setAttribute(name,value) ——顾名思义
removeAttribute(name) ——顾名思义
为了简化创建表格，HTML DOM提供了一系列的表格方法，常用几个：
cells ——返回</tr>元素中的所有单元格
rows ——表格中所有行的集合
insertRow(position) ——在rows集合中指定位置插入新行
deleteRow(position) ——与insertRow相反
insertCell(position) ——在cells集合的指定位置插入一个新的单元格
deleteCell(position) ——与insertCell相反
分享到：
相关推荐
除此之外，DOM 中还提供了一些常用的方法，例如 appendChild、createElement、createTextNode、focus、click 和 blur 等，可以用来创建和操作文档中的节点。 DOM 对象继承关系是 DOM 编程的基础，了解这些继承关系...
比如，我们常用的选择器`$("#msg")`返回的就是一个jQuery对象，它可能包含一个或多个DOM元素，但这个对象并不能直接使用DOM对象的方法，如`innerHTML`。 转换的关键在于，jQuery对象可以调用jQuery库提供的方法，如...
这个"XMLDOM对象方法手册"压缩包包含了一个名为"XMLDOM对象方法手册.chm"的帮助文件，很可能是对XMLDOM对象的各种方法和属性的详细指南。 XMLDOM是基于W3C DOM标准的一个实现，DOM是一种统一的标准，用于解析XML...
这个“XMLDOM对象方法手册”很可能是一个详细阐述XMLDOM相关方法和技术的手册，通常会包含如何创建、解析、查询和操作XML文档的各种教程和参考资料。 XMLDOM的核心在于其对象模型，这些对象包括Document、Element、...
dom4j常用方法 i.SAXReader sr = new SAXReader(); 生成解析器对象 ii.解析器对象.read(file对象)； 解析文件生成Document对象 iii.文档对象.getRootElement() 获取跟元素节点 iv.元素节点.elements() 获取到指定...
DOM对象提供了一系列方法来操作这些节点： 1. `createAttribute(name)`：创建一个新的属性节点。 2. `createComment(text)`：创建一个新的注释节点。 3. `createElement(tagName)`：创建指定标签名的新元素节点。 4...
history 对象的常用属性为 length 属性，标识浏览器历史列表中的 URL 数量，其常用方法有： * back()：加载 history 列表中的前一个 URL * forward()：加载 history 列表中的下一个 URL * go(num)：加载 history ...
DOM中document文档对象常用方法.为网页版。打开后，右击查看元素或源码，ok建议使用火狐，谷歌浏览器，ie
以上只是XMLDOM对象常用的一部分方法。在实际开发中，可能还需要结合其他属性和方法，如`firstChild`, `lastChild`, `nextSibling`, `previousSibling`, `childNodes`, `innerHTML`, `ownerDocument`等，以及处理...
以上就是将jQuery对象转换为DOM对象的方法以及JavaScript中的一些常用API。理解并熟练运用这些知识，将有助于你在JavaScript编程中更加游刃有余。在实际项目中，根据需求灵活运用jQuery和原生JavaScript，能有效提高...
### DOM常用属性和方法 #### 一、DOM与HTML文档结构理解 在DOM（Document Object Model，文档对象模型）的世界里，HTML文档被视作一种树状结构，其中`<html>`作为根节点，而其他诸如`<head>`、`<title>`、`<body>`...
通过阅读《常用手册 DOM文档对象模型》，开发者不仅可以深入理解DOM的基本概念，还能掌握实际操作DOM的技巧，从而提高网页和应用程序的交互性和动态性。此外，对于学习前端开发和Web应用的人员来说，这是一份非常...
DOM对象分为不同的层次，包括Document对象、Element对象、Attribute对象和TextNode对象等。 1. **Document对象**： - `close()`：关闭由`document.open()`打开的输出流。 - `getElementById()`：返回具有特定ID的...
这个压缩包中的"DHTML手册.chm"是一个关于DHTML的详细参考文档，为开发者提供了查询DOM对象、HTML元素以及JavaScript方法等功能，是编写JS代码和处理DOM操作的重要工具。 1. **DOM对象** DOM是HTML和XML文档的标准...
标题中的“C#操作浏览器DOM对象”指的是使用C#编程语言与Web页面的Document Object Model（DOM）进行交互。DOM是HTML和XML文档的一种结构化表示，它允许程序和脚本动态更新、添加或删除页面元素。在C#中，这通常通过...
### DOM对象详解 #### 一、DOM的基本概念 **DOM** 是 **Document Object Model** 的缩写，中文译作“文档对象模型”。它提供了一种跨平台和跨语言的方式来访问和修改HTML或XML文档的内容和结构。DOM的核心价值在于...
在JavaScript中，DOM（文档对象模型）操作是网页动态交互的核心。...以上就是JavaScript操作DOM的一些常用方法，它们构成了JavaScript与网页交互的基础，让开发者能够动态地创建、修改和操作网页内容。
Msxml2.DOMDocument对象的常用方法和属性如下： 1. **load()**：此方法用于加载XML文档。例如，`doc.load("example.xml")`会加载名为"example.xml"的XML文件到DOMDocument对象。 2. **parseError**：这个属性返回...
以下是对Prototype中DOM对象方法的详细汇总： 1. **$**(element)：这是一个非常常用的方法，它是`getElementById`的封装。`element`参数可以是元素ID、元素本身或者一个元素数组。如果`element`是数组，`$`方法会...