<meta content="text/html;gb2312" http-equiv="Content-Type">
<script type="text/javascript">
</script><style type="text/css">
<!--
/*控制台表格*/
.consoleTable{
border: 1px solid #999999;
border-collapse: collapse;
}
td{
FONT-SIZE: 9pt;
font-family: "宋体", "新宋体";
word-break:break-all;
}
/*控制台表格头部菜单所在表格*/
.tableHeader {
border:0px solid #ffffff;
border-bottom:2px solid #6C8FBB;
empty-cells:show;
background-color:#DCEBFD;
/*padding:1px; */
/*border-collapse:collapse;*/
}
/*控制台表格头部*/
.tableHead {
font-family: "宋体";
font-size: 11pt;
text-align: left;
white-space:nowrap;
line-height:16px;
padding:4px 5px 4px 5px;
background-color:#D1E3FD;
}
/*表格头部，可作为页面的标题*/
.tableHead2 {
font-size: 11pt;
font-family: "宋体";
color:#FFFFFF;
text-align: left;
white-space:nowrap;
line-height:20px;
padding:4px 5px 4px 5px;
background-color:#44939D;
}
/*控制台列表头部*/
.tableBodyHead {
border:0px solid #ffffff;
border-bottom:1px solid #c1cdd8;
empty-cells:show;
border-collapse:collapse;
}
/*控制台表格的行，淡灰色背景*/
.tableBody {
font-family: "宋体";
font-size: 10pt;
text-align:left;
white-space:nowrap;
line-height: 24px;
padding:0px 4px 0px 4px;
background-color:#F7F7F7;
border-top: 1px solid #c1cdd8;
}
/*控制台表格的行，白色背景*/
.tableBody2 {
font-family: "宋体";
font-size: 10pt;
text-align:left;
white-space:nowrap;
line-height: 24px;
padding:0px 4px 0px 4px;
background-color:#FFFFFF;
border-top: 1px solid #c1cdd8;
}
.tableBody2 a{
text-decoration: none;
}
.tableBody2 a:link {
COLOR: #000000;
}
.tableBody2 a:visited {
COLOR: #000000;
}
.tableBody2 a:hover {
COLOR: #FF0000;
}
.tableBody2 a:active {
COLOR: #FF0000;
}
/*鼠标移过当前行时*/
.tableBodyHover{
color: #000000;
font-family: "宋体";
font-size: 10pt;
text-align:left;
line-height: 24px;
background-color: #DFF1FF;
padding:0px 4px 0px 4px;
}
/*当前行被选择时*/
.tableBodySelected{
color: #000000;
font-family: "宋体";
font-size: 10pt;
text-align:left;
line-height: 24px;
background-color:#DFF1FF;/*#DBDBDB;*/
padding:0px 4px 0px 4px;
}
/*打开窗口顶部的菜单表格*/
.tableHeaderOpen{
height:25;
background-color:#DCEBFD;
}
-->
</style>
| 方法 |
描述 |
| createAttribute() |
用指定的名字创建新的Attr节点 |
| createComment() |
用指定的字符串创建新的Comment节点 |
| createElement() |
用指定的标记名创建新的Element节点 |
| createTextNode() |
用指定的文本创建新的TextNode节点 |
| getElementById() |
返回文档中具有指定id属性的Element节点 |
| getElementByTagName |
返回文档中具有指定标记的所有Element节点 |
| 详细请参考＜javascript权威指南＞ |
| 接口 |
nodeType常量 |
nodeType值 |
备注 |
| Element |
Node.ELEMENT_NODE |
1 |
元素节点 |
| Text |
Node.TEXT_NODE |
3 |
文本节点 |
| Document |
Node.DOCUMENT_NODE |
9 |
document |
| Comment |
Node.COMMENT_NODE |
8 |
注释的文本 |
| DocumentFragment |
Node.DOCUMENT_FRAGMENT_NODE |
11 |
document片断 |
| Attr |
Node.ATTRIBUTE_NODE |
2 |
节点属性 |
| 详细请参考＜javascript权威指南＞ |
| 属性 |
描述 |
| attributes |
如果该节点是一个Element,则以NameNodeMap形式返回元素的属性 |
| childNodes |
以Node[]形式存放当前节点的子节点,如果没有子节点,则返回空数组 |
| firstChild |
以Node的形式返回当前节点的第一个子节点.如果没有子节点,则为null |
| lastChild |
以Node的形式返回节点的最后一个子节点.如果没有子节点,则为null |
| nextSibling |
以Node的形式返回当前节点的下一个兄弟节点,如果没有这样的节点,则为null |
| nodeName |
节点的名字，Element节点则代表Element的标记名称 |
| nodeType |
代表节点的类型 |
| parentNode |
以Node的形式返回当前节点的父节点。如果没有父节点，则为null |
| previousSibling |
以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点，则返回null |
| 详细请参考＜javascript权威指南＞ |
| 方法 |
描述 |
| appendChild() |
通过把一个节点增加到当前节点的ChildNodes[]组，给文档树增加节点 |
| cloneNode() |
复制当前节点，或者复制当前节点以及它的所有子孙节点 |
| hasChildNodes() |
如果当前子节点拥有子节点，则将返回true |
| insertBefore() |
给文档树插入一个节点，位置在当前节点的指定子节点之前，如果该节点已经存在，则删除之再插入到它的位置 |
| removeChild() |
从文档树中删除并返回指定的子节点 |
| replaceChild() |
从文档树删除并返回指定的子节点，用另一个节点替换它 |
| 详细请参考＜javascript权威指南＞ |
| 属性 |
描述 |
| tagName |
元素的标记名称，比如<p>元素为P，HTML文档返回的tagName均为大写 |
| 详细请参考＜javascript权威指南＞ |
| 方法 |
描述 |
| getAttribute() |
以字符串形式返回指定属性的值 |
| getAttributeNode() |
以Attr节点的形式返回指定属性的值 |
| getElementByTagName() |
返回一个Node数组，包含具有指定标记名的所有Element节点的子孙节点，其顺序为在文档中出现的顺序 |
| hasAttribute() |
如果该元素中具有指定属性，则返回为true |
| removeAttribute() |
从元素中删除指定的属性 |
| removeAttributeNode() |
从元素的属性列表中删除指定的Attr节点 |
| setAttribute() |
把指定的属性设置为指定的字符串值，如果该属性不存在，则添加一个新属性 |
| setAttributeNode() |
把指定的Attr节点添加到该元素的属性列表中 |
| 详细请参考＜javascript权威指南＞ |
分享到：
相关推荐
XML DOM提供了遍历、查找、添加、删除节点等方法，使得动态处理XML数据变得简单。 Apache是世界上最流行的开源Web服务器软件，广泛应用于各种网站和网络应用的后端。Apache以其稳定性、灵活性和强大的模块化架构而...
- **简单易用**: Dom4j的API设计直观，学习曲线较平缓。 - **高效性能**: 相比DOM，Dom4j的内存占用更小，解析速度更快。 - **灵活性**: 支持多种解析方式，如SAX、DOM和STAX。 - **XPath支持**: 提供XPath查询，...
**DOM中文手册** DOM，全称为Document Object Model，即文档对象模型，是...无论是简单的文本修改，还是复杂的页面布局调整，DOM都是实现这些功能的基础。了解并精通DOM，将极大地提升Web开发者的技能水平和工作效率。
XML-DOM 编程模型简单参考手册 本文档对象模型（Document Object Model，DOM）是应用在 Web 浏览器中的一项技术。浏览器的窗口、文档和历史等对象都被认为是对象模型的一部分。然而，各种浏览器访问和操作这些对象...
DOM,DNTML,CSS2参考手册 手册提供了完整的 CSS...简单理解，DOM解决了Netscape的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。
### js—DOM高级手册式教程 #### DOM与BOM概述 在前端开发中，DOM（Document Object Model，文档对象模型）和BOM（Browser Object Model，浏览器对象模型）是非常重要的两个概念，它们提供了操作Web页面内容和...
5. **选择和遍历**: DOM提供了多种选择和遍历文档的方法，如`querySelector()`, `querySelectorAll()`, `childNodes`, `firstChild`, `lastChild`等，使得定位和操作文档中的特定元素变得简单。 6. **DOM变更与更新...
2. **构建XML**：DOM4J提供了一套简单的API来创建XML文档，包括添加元素、属性、文本等内容，使得动态生成XML文档变得轻松。 3. **XPath查询**：DOM4J支持XPath表达式，可以方便地查找XML文档中的节点，这在处理...
手册中会详细讲解如何遍历DOM树、添加或删除元素、改变属性值以及处理事件。DOM操作是动态网页的基础，理解并熟练运用DOM可以使开发者实现交互式和数据驱动的网页应用。 这三份手册共同构成了Web前端开发的重要参考...
"dom4j-1.6.1"作为完整版，包含了所有必要的类库和文档，不仅提供核心的XML处理功能，还可能包含示例代码、API文档、用户手册等资源，帮助开发者更好地理解和使用DOM4J。 综上所述，DOM4J是Java世界中处理XML的得力...
在实际开发中，DOM是JavaScript与HTML进行交互的主要桥梁，无论是简单的修改文本，还是复杂的动态布局和动画，都离不开DOM的操作。熟练掌握DOM，对于提升网页动态化和交互性的实现能力至关重要。这份中文手册将为...
"dom4jAPI帮助文档.chm"则是一个完整的DOM4J API参考手册，包含了DOM4J的所有类和方法的详细说明。你可以从中找到每个类的构造函数、方法、常量等信息，以及它们的参数、返回值和使用示例。这将是你学习和使用DOM4J...
1. **选择器**：jQuery提供了强大的CSS选择器，使得选取DOM元素变得非常简单，如`$("#id")`选取ID为指定值的元素，`$(".class")`选取所有类名为指定值的元素。 2. **DOM操作**：jQuery提供了便捷的方法来创建、插入...
1. 选择器：jQuery提供了丰富的CSS选择器，如ID选择器(#id)，类选择器(.class)，元素选择器(element)等，使得选取DOM元素变得极其简单。 2. DOM操作：jQuery提供了便利的方法来操作DOM，如`$(selector).html()`用于...