JavaScript中的Node相关内容介绍
Node往往被翻译为节点，在一个对象（可以简单的理解为是HTML页面中），一个属性name="aaa"可以是一个节点，一个< div id="aaa">……< /div>也可以是一个节点，在< body>……< /body>中的，也是一个大大的节点。下面是一些有关Node的属性和方法，并没有包含部分不兼容IE和FF内容的讲解。
Node的属性介绍：
nodeType：显示节点的类型
nodeName：显示节点的名称
nodeValue：显示节点的值
attributes：获取一个属性节点
firstChild：表示某一节点的第一个节点
lastChild：表示某一节点的最后一个子节点
childNodes：表示所在节点的所有子节点
parentNode：表示所在节点的父节点
nextSibling：紧挨着当前节点的上一个节点
previousSibling：紧挨着当前节点的下一个节点
ownerDocument：（不知）
Node有各种各样的节点，我们先花一些时间认识他们，同时一并了解nodeType，nodeName和nodeValue属性：
名称：元素节点
nodeType：ELEMENT_NODE
nodeType值：1
nodeName：元素标记名
nodeValue：null
<body>
<div id = "t" ><span></span></div>
</body>
<script>
var d = document.getElementById("t");
document.write(d.nodeType);
document.write(d.nodeName);
document.write(d.nodeValue);
//显示 1 DIV null
</script>
名称：属性节点
nodeType：ATTRIBUTE_NODE
nodeType值：2
nodeName：属性名
nodeValue：属性值
<body>
<div id = "t" name="aaa"><span></span></div>
</body>
<script>
var d = document.getElementById("t").getAttributeNode("name");
document.write(d.nodeType);
document.write(d.nodeName);
document.write(d.nodeValue);
//显示 2 name aaa
</script>
名称：文本节点
nodeType：TEXT_NODE
nodeType值：3
nodeName：#text
nodeValue：文本内容
<body>
<div id = "t">bbb</div>
</body>
<script>
var d = document.getElementById("t").firstChild;
document.write(d.nodeType);
document.write(d.nodeName);
document.write(d.nodeValue);
//显示 3 #text bbb
</script>
名称：CDATA文本节点（XML中传递文本的格式）
nodeType：CDATA_SECTION_NODE
nodeType值：4
nodeName：#cdata-section
nodeValue：CDATA文本内容
（作者省略8个属性，需技术补充）
attributes属性，直接获取一个属性节点，注意这里要使用[]，保持IE和FF的兼容性。
<body name="ddd">
<div id = "t" name = "aaa"><span>aaa</span><span>bbb</span><span>ccc</span></div>
</body>
<script>
var d = document.getElementById("t").attributes["name"];
document.write(d.name);
document.write(d.value);
//显示 name aaa
</script>
firstChild和lastChild属性，表示某一节点的第一个和最后一个子节点：
<body>
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div>
</body>
<script>
var d = document.getElementById("t");
document.write(d.firstChild.innerHTML);
document.write(d.lastChild.innerHTML);
//显示 aaa ccc
</script>
childNodes和parentNode属性，表示所在节点的所有子节点和所在节点的父节点，这里的childNodes注意是一个数组：
<body name="ddd">
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div>
</body>
<script>
var d = document.getElementById("t");
document.write(d.childNodes[1].innerHTML);
document.write(d.parentNode.getAttribute("name"));
//显示 bbb ddd
</script>
nextSibling和previousSibling属性，分别表示在parentNode的childNodes[]数组中，紧挨着当前节点的上一个和下一个节点：
<body name="ddd">
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div>
</body>
<script>
var d = document.getElementById("t").childNodes[1];
document.write(d.nextSibling.innerHTML);
document.write(d.previousSibling.innerHTML);
//显示 ccc aaa
</script>
ownerDocument属性（不知如何使用）
Node的方法介绍：
hasChildNodes()：判定一个节点是否有子节点
removeChild()：去除一个节点
appendChild()：添加一个节点
replaceChild()：替换一个节点
insertBefore()：指定节点位置插入一个节点
cloneNode()：复制一个节点
normalize()：（不知）
hasChildNodes()方法：判定一个节点是否有子节点，有返回true，没有返回false
<body name="ddd">
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div>
<div id = "m"></div>
</body>
<script>
alert(document.getElementById("t").hasChildNodes());
alert(document.getElementById("m").hasChildNodes());
// 第一个true，第二个false
</script>
removeChild()方法：去除一个节点
<body name="ddd">
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div>
</body>
<script>
var d = document.getElementById("t").firstChild;
document.getElementById("t").removeChild(d);
// <span>aaa</span>被去除
</script>
appendChild()方法：添加一个节点，如果文档树中已经存在该节点，则将它删除，然后在新位置插入。
<body name="ddd">
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div>
</body>
<script>
var d = document.getElementById("t").firstChild;
document.getElementById("t").appendChild(d);
// <span>aaa</span>成了最后一个节点
</script>
replaceChild()方法：从文档树中删除（并返回）指定的子节点，用另一个节点来替换它。
<body name="ddd">
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div>
</body>
<script>
var newd = document.createElement("span");
newd.innerHTML = "eee";
var oldd = document.getElementById("t").lastChild;
document.getElementById("t").replaceChild(newd,oldd);
// 最后一项成了 eee
</script>
insertBefore()方法：在指定节点的前面插入一个节点，如果已经存在，则删除原来的，然后在新位置插入
<body name="ddd">
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div>
</body>
<script>
var newd = document.createElement("span");
newd.innerHTML = "eee";
var where = document.getElementById("t").lastChild;
document.getElementById("t").insertBefore(newd,where);
// 在最后一项的前面多了一项 eee
</script>
cloneNode()方法：复制一个节点，该方法有一个参数，true表示同时复制所有的子节点，false表示近复制当前节点
<body name="ddd">
<div id = "t"><span>aaa</span><span>bbb</span><span>ccc</span></div><div id = "m"></div>
</body>
<script>
var what = document.getElementById("t").cloneNode(false).innerHTML;
document.getElementById("m").innerHTML = what;
// 增加了一个aaabbbccc
分享到：
相关推荐
本书《Leanpub.JavaScript.and.Node.FUNdamentals.May.2014》由Azat Mardan撰写，是一本详细介绍JavaScript及其在Node.js环境中应用的基础教程。本书不仅涵盖了JavaScript的基本语法和特性，还深入探讨了如何使用...
在当今的Web开发领域，JavaScript不再仅仅局限于浏览器中的客户端编程，而是通过Node.js拓展到了服务器端。Node.js是一个开放源代码、跨平台的JavaScript运行环境，它允许开发者使用JavaScript编写服务器端应用，极...
Node.js是一个让JavaScript运行在服务端的开发...基于JavaScript的Node.js开发环境设计源码项目是一个结构清晰、内容丰富、实用性强的学习资源，无论对于新手还是有经验的开发者来说，都能从中学习到宝贵的知识和经验。
Node.js是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好...
- 介绍了Node.js中的流概念，以及如何使用流来进行高效的数据传输。 - 探讨了不同类型的流，如可读流、可写流、双工流和转换流。 - **构建TCP服务器**（第10章） - 深入探讨了TCP协议的基础知识，并展示了如何...
内容概要： 该文件为node环境安装包，Windows版本x64系统对应的msi安装包 适用人群： 使用Javascript开发工作的人群 使用建议： 参考博主node相关文章
标题“Smashing Node.js JavaScript Everywhere”和描述指向了Node.js的应用以及JavaScript的普及性，强调了Node.js在开发高效Web应用中的作用，以及以JavaScript为单一语言的开发优势。标签“node.js javascript”...
JavaScript and Node FUNdamentals (LeanPub 2014).pdf Learning Single-page Web App Development (Node, MongoDB, AngularJS)(Packt 2014).epub Learning Web App Development (JavaScript, Node, MongoDB, jQuery...
JavaScript，jQuery Mobile和Node.js是现代网页开发中的关键技术，它们各自扮演着不同的角色，而将它们结合起来可以创建出强大的、跨平台的网页应用。在这个项目中，我们看到这三个技术的融合，为开发者提供了从桌面...
标题 "unpkg_Node.js_nodejscdn_javascript_CDN_" 指向的是一个与 Node.js、nodejscdn 和 JavaScript CDN 相关的服务源代码。在这个项目中，开发者可能创建了一个工具或服务，允许用户通过 CDN（内容分发网络）快速...
Smashing Node.js JavaScript Everywhere 英文无水印pdf pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，请...
5. Node.js的高级JavaScript知识：书中不仅会涉及到JavaScript的高级概念，还会探讨这些概念在Node.js中的实际应用，以及为什么这些概念在Node.js中能实现而在其他编程语言中无法实现。 6. 完整Web应用的构建：教程...
node-firebird, 纯javascript和 node.js的异步 firebird 客户端 用于 Node.js.的纯 JavaScript firebird-客户端纯JavaScript和 node.js的异步 firebird 客户端。 firebird 论坛在Google网上论坛。社交
Node.js是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js 不是一个 JavaScript 框架，不同于CakePHP、Django、Rails。Node.js 更不是...
资源名称：Node.js参考手册 中文CHM版内容简介：简单的说Node.js就是运行在服务端的 Javaｓｃｒｉｐｔ。Node.js 是一个基于Chrome Javaｓｃｒｉｐｔ 运行时建立的一个平台。本文给大家带来Node.js参考手册，需要的...
stdlib是JavaScript和Node.js的标准库，重点放在数字和科学计算应用程序上。 该库为数学，统计学，数据处理，数据流等提供了一组强大的高性能库，并包含许多您期望从标准库中获得的实用程序。
在这些文件中，JavaScript文件占据了绝大多数，达到了1922个，证明了JavaScript在Node.js项目中的主导地位。除了JavaScript文件外，项目还包含了146个Markdown文件，Markdown语言通常用于编写文档和说明，显示了本...
内容概要：本文全面介绍了Node.js的模块系统，涵盖了Node.js的基础概念、特点以及如何利用JavaScript实现后端开发的相关细节。内容包含了Node.js是什么及其重要特性，强调了它可以脱离浏览器运行JS代码，并提供了一...
这本书并不是简单的“Hello World”教程，而是深入探讨了高级JavaScript概念，特别是与Node.js相关的特性。 Node.js 的核心优势在于其单线程事件驱动模型，结合高性能的V8引擎，使其成为构建高吞吐量网络服务的理想...
本书《Professional Node.js: Building JavaScript Based Scalable Software》深入讲解了如何使用Node.js构建可扩展的软件，并将重点放在了基于JavaScript的开发上。全书分为几个主要部分，覆盖了Node.js的安装与...