- 浏览: 1488645 次
- 性别:
- 来自: 大连
文章分类
- 全部博客 (460)
- java (148)
- javascript (34)
- Flex文章 (4)
- css+div (2)
- ajax (6)
- extjs (11)
- 人生感悟 (9)
- struts2.0 (6)
- IT之路,生活 (15)
- hibernate (6)
- struts1 (1)
- spring (5)
- j2ee错误 (3)
- Dwr (5)
- Linux (33)
- C++ (3)
- SWT Win32 (2)
- EJB (1)
- JPA (4)
- C语言和LinuxC (7)
- SQL (13)
- 项目经理 (6)
- db2 (2)
- java数据结构 (2)
- 网页播放器flv (1)
- 数据库 (24)
- 用户体验设计学习 (2)
- 网络电话 (5)
- 军事理论 (4)
- android (3)
- oracle (18)
- oracle ebs form (11)
- oracle ebs oaf (4)
- erp (20)
- DBA (9)
- java中URL 的编码和解码函数 (1)
- 铁血丹心 (1)
- excel 单元格格式不能立即生效 (1)
- Java调用bat文件 (1)
- 如何把本地outlook中的邮件上传到网络邮箱中 (1)
- java 报表 打印 (1)
- 创建dblink (1)
- 图标前台框架 (1)
- vnc (1)
- FORM (1)
- MYSQL (1)
最新评论
-
July01:
推荐用StratoIO打印控件,支持网页、URL、图片、PD、 ...
web打印不显示页眉页脚 -
July01:
推荐用StratoIO打印控件,浏览器和系统的兼容性都很好,而 ...
Javascript网页打印大全 -
hardyer:
大哥写的很实在,受教了,提前祝你元旦快乐!
黎活明给程序员的忠告 -
cxysilahi:
请问WIN7 64位,调用报错Exception in thr ...
JNative的初步使用 -
action1949:
好东西,解决问题
JFreeChart乱码解决方法
接口 |
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 |
节点属性 |
方法 |
描述 |
createAttribute() |
用指定的名字创建新的Attr节点。 |
createComment() |
用指定的字符串创建新的Comment节点。 |
createElement() |
用指定的标记名创建新的Element节点。 |
createTextNode() |
用指定的文本创建新的TextNode节点。 |
getElementById() |
返回文档中具有指定id属性的Element节点。 |
getElementsByTagName() |
返回文档中具有指定标记名的所有Element节点。 |
var labels = document.getElementById("Label").childNodes;
labels.getElementsByTagName()
label.onmouseover = function()
{
ChangeLabel(this); //调用ChangeLabel函数,并把当前对象传过去
};
属性 |
描述 |
attributes |
如果该节点是一个Element,则以NamedNodeMap形式返回该元素的属性。 |
childNodes |
以Node[]的形式存放当前节点的子节点。如果没有子节点,则返回空数组。 |
firstChild |
以Node的形式返回当前节点的第一个子节点。如果没有子节点,则为null。 |
lastChild |
以Node的形式返回当前节点的最后一个子节点。如果没有子节点,则为null。 |
nextSibling |
以Node的形式返回当前节点的兄弟下一个节点。如果没有这样的节点,则返回null。下一个兄弟节点 |
nodeName |
节点的名字,Element节点则代表Element的标记名称。 |
nodeType |
代表节点的类型。 |
parentNode |
以Node的形式返回当前节点的父节点。如果没有父节点,则为null。 |
previousSibling |
以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点,则返回null。上一个兄弟节点 |
方法 |
描述 |
appendChild() |
通过把一个节点增加到当前节点的childNodes[]组,给文档树增加节点。 |
cloneNode() |
复制当前节点,或者复制当前节点以及它的所有子孙节点。 |
hasChildNodes() |
如果当前节点拥有子节点,则将返回true。 |
insertBefore() |
给文档树插入一个节点,位置在当前节点的指定子节点之前。如果该节点已经存在,则删除之再插入到它的位置。 |
removeChild() |
从文档树中删除并返回指定的子节点。 |
replaceChild() |
从文档树中删除并返回指定的子节点,用另一个节点替换它。 |
发表评论
-
jquery 传一个json对象到 java后台
2017-09-07 23:03 1662前台 var data={}; data.fid=&quo ... -
图标前台框架hcharts
2014-12-26 13:32 937http://www.hcharts.cn/demo/in ... -
Js操作Select大全
2012-11-09 20:43 1049转 http://www.cnblogs.com/Heris ... -
IE 无法运行javascript
2012-06-11 10:02 2201将下面的脚本编程一个bat文件,然后运行。 rundll32 ... -
javascript 判断页面加载完毕
2012-05-14 15:11 2226这个函数用户判断当页面加载完毕的时候,设置按钮上的文本如果页面 ... -
ExtJs表格控件Grid
2011-09-17 22:29 1353下面介绍三种ExtJs中最 ... -
ExtJs树TreePanel
2011-09-17 22:27 24281.创建一个简单(静态)的树 /** 创建 ... -
ExtJs表单FormPanel
2011-09-17 22:17 10741.简单表单实例 /** 简单表单实例(与JSP ... -
extjs 创建简单Meun,实现在TreePanel上面右键.
2011-09-17 22:02 5242/** 创建简单Menu */ fu ... -
javascript右键菜单(所有浏览器)
2011-04-29 09:33 1378<HTML> <HEAD> ... -
jQuery 图片裁切
2011-01-12 17:59 1232jQuery 图片裁切 头像裁切软件 -
javascript对xml的解析
2010-10-28 12:58 1162<!DOCTYPE html PUBLIC " ... -
javascript图片大小图片尺寸代码
2010-10-11 13:19 2577<title>JS实现单击图片获取图片的原始尺寸代 ... -
遍历session
2010-09-14 09:59 1433在jsp中加入如下代码即可实现功能: <% Enum ... -
window.showModalDialog模式对话框
2010-09-09 08:58 1780基本介绍: showModalDialo ... -
jQuery 工具安装-jqueryWTP
2010-07-23 18:11 49071. jQuery 工具安装-jqueryWTP ... -
Spket的插件安装方法
2010-07-23 18:02 1385首先下载一个Spket的插件,下载过后就是一个spket-1. ... -
jQuery获取form表单元素的值
2010-07-07 17:32 13795var mykindtxt=$("#kind op ... -
JavaScript图片裁切主要是获取他们的大小发送给系统。
2010-06-13 09:42 1248有个函数添加了return 之后,他后面的代码就不在执行了。这 ... -
javascript获取远程图片的原来的尺寸大小
2010-06-13 09:19 1939<script> var img=null; ...
相关推荐
本文主要介绍了如何使用JavaScript...这涉及到对DOM操作的理解和对特定方法的应用,对于前端开发者来说是一项基础且重要的技能。掌握了这些知识点,开发者可以更加灵活地处理页面元素,进行动态的内容修改或交互设计。
幸运的是,在 JavaScript 中有多种方法可以用来获取 DOM 节点,下面将对这些方法进行详细的介绍。 #### 一、通过 `document` 获取 1. **`document.getElementById(elementId)`** - **说明**:通过元素的 ID 来...
JavaScript获取HTML DOM节点元素的方法是Web开发中的基础技能,尤其是在动态更新页面内容时。本文将对几种常见的DOM操作方法进行详细解释。 首先,我们可以通过顶层的`document`对象来获取元素: 1. `document....
6. 脚本编辑:可能支持直接在浏览器环境中编写和运行JavaScript代码,进行更复杂的DOM操作。 由于文件列表中只有一个名为"Plug-in unit"的条目,这可能是插件的主要代码单元或组件。它可能包含了实现上述功能的...
本实践项目“js_HTML_Dom操作练习”旨在帮助初学者熟悉DOM的基本操作,包括查找、修改和添加网页元素。在这个过程中,我们将探讨几个关键的DOM接口和方法,以加深对JavaScript与HTML交互的理解。 1. **获取元素**:...
JS中的DOM操作是JavaScript与网页交互的核心技术,用于动态更新、添加、删除和修改HTML或XML文档中的元素。DOM(Document Object Model)是一种标准,它将网页内容组织成一棵结构化的节点树,允许通过编程方式对这些...
理解并熟练掌握JavaScript DOM操作是成为一名优秀前端开发者的关键,这不仅能让你更好地控制网页动态行为,还能提升用户体验,使网页更具互动性和吸引力。在实际项目中,结合现代前端框架,DOM操作的效率和灵活性将...
在这个“Javascript_Dom操作案例”中,我们将深入探讨如何利用JavaScript有效地操纵DOM元素,提升用户体验并实现动态网页功能。 1. **DOM基本概念**: DOM是一种标准,用于表示HTML或XML文档的树形结构。每个节点...
对于更复杂的DOM操作,如遍历和修改DOM树,可以使用`querySelectorAll`配合循环,或者使用`documentfragment`进行批量操作以提高性能。 最后,`DOM文档对象中文手册.chm`可能包含了关于DOM的详细中文参考资料,对于...
总的来说,这个项目将强化你对原生JavaScript和DOM操作的理解,特别是如何利用数组方法来处理DOM节点,提高代码的效率和可读性。通过实践,你会更加熟练地驾驭DOM,为构建交互式Web应用打下坚实的基础。在实际工作中...
**JS DOM操作备忘** 在JavaScript中,DOM(Document Object Model)是HTML和XML文档的结构化表示,它提供了一种标准的方式来访问和修改页面内容。这篇备忘将深入探讨如何利用JavaScript进行DOM操作,包括选择元素、...
"原生js操作dom实现上下左右移动" 本文将详细讲解如何使用原生JavaScript操作DOM实现上下左右移动的功能。首先,我们需要了解什么是DOM,以及如何使用JavaScript来操作DOM。 DOM(Document Object Model,文档对象...
在这个压缩包文件“javascript_DOM操作.rar”中,我们可以找到一个名为“javascript_DOM操作.docx”的文档,它很可能是详细介绍了JavaScript与DOM交互的相关知识。 首先,DOM是网页内容的树状表示,它将HTML或XML...
下面将详细阐述在JavaScript中如何进行DOM操作。 1. **访问相关的节点**: 访问DOM节点通常通过`getElementById`、`getElementsByClassName`、`getElementsByTagName`、`querySelector`和`querySelectorAll`等方法...
通过以上这些DOM操作,开发者可以构建动态交互的网页应用。了解并熟练运用这些方法,将有助于提升JavaScript编程能力,特别是在需要频繁与DOM交互的项目中。这份资料中的例子将帮助你更好地理解和应用这些知识点。
2. **节点属性**:每个节点都有属性,如`nodeType`表示节点类型,`nodeValue`获取或设置文本节点的值,`parentNode`指向父节点,`childNodes`包含子节点列表。 3. **创建和插入节点**:可以使用`document....
js之 DoM操作、节点、节点之间关系的属性
JavaScript原生函数没有提供判断DOM节点是否存在方法,我们通常获取DOM节点几乎都是document.getElement..方法,会返回一个object数组合集,我们可以通过object[0],object[1]这样来访问这个合集的每一个对象。既然...