传智播客Java培训---Javascript加强

明天就要开始学习Ajax了，因为JavaScript是AJAX的基础，所以今天老师带我们对JavaScript的知识进行了回顾和加强，考虑到一部分同学不是从基础班一路走过来的，基础参差不齐，所以老师对JavaScript进行了比较详细的讲解，虽然大部分的内容基础班毕老师基本上都讲过了，但是一遍有一遍的收获，以前没有彻底弄清楚的地方这次算是明白了。今天的内容主要是通过做练习的方式展开的，老师把一个一个知识点都在练习中体现出来，然后在带我们完成练习的过程中讲解要点。JavaScript基础部分的内容以前的博客中总结过一次，这里就不多说了，今天就只把JavaScript加强的部分总结一下。

今天JavaScript加强的学习从DOM开始。DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件，DOM核心是能映射以XML为基础的文档结构，允许获取和操作文档的任意部分，它是针对xml(html)的基于树的API，DOM树表现了节点的层次关系，DOM 把一个文档表示为一棵家谱树（父，子，兄弟）。DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面。

一切都是节点，我们可以使用Element节点对象实现对节点的操作：
DOM 属性
nodeName  每个节点都有的属性，如果节点是元素节点，返回这个元素的名称，如果是属性节点，返回这个属性的名称，如果是文本节点，返回一个内容为#text 的字符串 。
nodeType  返回一个整数，这个数值代表着给定节点的类型，1代表元素节点，2代表属性节点，3代表文本节点。
nodeValue  返回给定节点的当前值，如果给定节点是一个属性节点，返回值是这个属性的值。如果是一个文本节点，返回值是这个文本节点的内容。如果是一个元素节点，返回值是 null。

 

查找元素节点
getElementById()  通过指定ID值查找元素，返回一个有着制定ID值的元素节点
getElementsByName()  查找有着给定name属性的所有元素，返回一个节点集合
getElementsByTagName()  查找有着给定标签名的所有元素，返回一个节点集合

查看是否存在子节点
hasChildNodes() 检查一个元素是否有子节点，返回值是true或false，文本节点和属性节点不可能再包含任何子节点，所以对这两类节点使用 hasChildNodes 方法的返回值永远是 false，如果hasChildNodes方法的返回值是false，则childNodes,firstChild,lastChild 将是空数组和空字符串。

替换节点
replaceChild() 把一个给定父元素里的一个子节点替换为另外一个子节点，返回值是一个指向已被替换的那个子节点的引用指针，如果被插入的子节点还有子节点，则那些子节点也被插入到目标节点中。

设置和查找属性节点
setAttribute()  将给定元素节点添加一个新的属性值或改变它的现有属性的值。
getAttribute()   返回一个给定元素的一个给定属性节点的值

创建新元素节点
createElement() 按照给定的标签名创建一个新的元素节点。方法只有一个参数：将被创建的元素的名字，是一个字符串.

创建新文本节点
 createTextNode() 创建一个包含着给定文本的新文本节点。这个方法的返回值是一个指向新建文本节点引用指针。

插入节点
appendChild() 为给定元素增加一个子节点，给定子节点将成为给定元素节点 element的最后一个子节点                                                。
insertBefore() 把一个给定节点插入到一个给定元素节点的给定子节点的前面

删除节点
removeChild() 从一个给定元素里删除一个子节点，某个节点被removeChild()方法删除时,这个节点所包含的所有子节点将同时被删除。

遍历节点树
ChildNodes：返回一个数组，这个数组由给定元素节点的子节点构成，文本节点和属性节点都不可能再包含任何子节点，如果想知道某个元素有没有子节点，可以用 hasChildNodes 方法。如果想知道某个元素有多少个子节点，可以用 childNodes 数组的 length 属性。
firstChild：该属性返回一个给定元素节点的第一个子节点，某个元素的 firstChild 属性等价于这个元素的 childNodes 节点集合中的第一个节点
lastChild：对应 firstChild 的一个属性。
nextSibling: 返回一个给定节点的下一个兄弟节点。
parentNode：返回一个给定节点的父节点，属性返回的节点永远是一个元素节点
previousSibling：返回一个给定节点的上一个兄弟节点