javascript中DOM的部分知识点

GetElementsByName( )方法。

    1.它的返回带有制动名称的节点对象集合。 语法：document.getElementsByName().

2.与getElementById()方法不同的是，通过的name属性查询元素，而不是通过id属性。

注意：1.因为文档中的name属性可能不唯一，所有getElementsByName()方法返回的元素的数组，而不是一个元素。

1.  和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。

getElementsByTagName_r()方法

      1.返回带有指定标签名的节点对象的集合，返回元素的顺序是他们在文档中的顺

序。语法是getElementsByTagName_r(Tagname)

说明：

1.  tagname是标签名称，如p,a,img等标签名。

2.  和数组类似也有length属性，可以和访问数组一样的方法访问，所以从0开始。

GetAttribute()方法：

1.  通过元素节点的属性名称获取属性的值。语法：elementNode.getAttribute(name)

说明：

1.elementNode:使用getElementById().getElementByTagName()等方法，获取元

节点。

2.  name：要想查询的元素节点的属性名字。

setAttribute（）方法：

1．setAttribute（）方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。语法是elementNode.setAttirbute(name,value);

说明：name：要设置的属性名。Value：要设置的属性值。

3.  注意：

1.  把指定的属性设置为指定的值，如果不存在具有指定名称的属性，该方法将创建一个新属性。

2.  类似于getAttribute()方法，setAttribute（）方法只能通过元素节点对象调用的函数。

节点属性

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性

1. nodeName : 节点的名称

2. nodeValue ：节点的值

3. nodeType ：节点的类型

一、nodeName 属性: 节点的名称，是只读的。

1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是#text
4. 文档节点的 nodeName 永远是#document

二、nodeValue 属性：节点的值

1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值

三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:

元素类型    节点类型
  元素          1
  属性          2
  文本          3
  注释          8

  文档          9

访问子节点childNodes

访问选定元素节点下所有子节点的列表，返回的值可以看做是一个数组，他具有 length属性，语法：elementNode.childNodes.

注意，如果选定的节点没有子节点，则该属性返回不包括节点的NmdeList.

访问子节点的第一和最后项：

1.  firstChild属性返回“childNodes”数组的第一个子节点，如果选定的没有子节点，则返回null；语法：node.firstChild.

2.  说明：与elementNode.childNodes[0]效果相同。

3.  二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回NULL。语法：node.lastChild

4.  说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。

访问父节点parentNode:

1.  获取指定节点的父节点。 语法是elementNode.parentNode.

2.  注意：父节点只有一个。

访问兄弟节点：

1.nextsibling属性可返回某个节点之后紧跟的节点（处于同一树层级中）语法：nodeObject.nextSibling   说明：如果没有此节点，则该属性的返回值null。

2.previousSiling属性返回某个节点之前紧跟的节点（处于同一树级中）

语法是:nodeObject.peviousSibling   如果没有此节点，返回为null。

插入节点a()

1.在指定节点的最后一个子节点列表之后添加一个新的子节点。语法：a(newnode)  newnode:指定追加的节点。Newnode=document_createElement_x_x(“要增加的节点”)。Newnode.innerHTML=“内容”

插入节点insertBefore()

1.  insertBefore()方法可以在已有的子节点前插入一个新的子节点。

语法insertBefore(newnode,node).

 

参数：newnode：要插入的新节点。Node：指定此节点前的插入节点。

删除节点removeChild（）

1.  removeChild（）方法从子节点列表中删除某个节点，如果删除成功，则返回删除的节点，若果失败，则返回null；语法是：nodeObject.Removechild(node)

2.  参数：node：必须，指定需要删除的节点；

创建元素节点createElement_x_x

1.  createElement_x_x( )方法可创建元素节点。此方法可返回一个Element对象

2.  语法是：document_createElement_x_x(tagName)

3.  参数：tagName:字符串值，这个字符串用来指明创建元素的类型。

4.  注意：要与a()或insertBefore()方法联合使用，将元素显示在页面中

创建文本节点createTextNode

1.  CreateTextNode( )方法创建新的文本节点，返回新创建的text节点。

2.  语法是：document_createTextNode(data),

 

3.  参数：data：字符串，可以规定此节点的文本。

以上均是我的学习总结，如果有误，请多多包涵。不喜勿喷。