javascript中的Dom对象(续)

来源:互联网 发布:网络流行语大全网站 编辑:程序博客网 时间:2024/05/29 17:24

4.hasChildNodes():

1、该方法用来判断一个元素是否有子节点

2、返回值为true或者false

3、文本节点和属性节点不可能再包含子节点,所以对于这两类节点使用 ChildNodes()方法 返回值永远为false.

4、如果hasChildNodes()返回值为false,childNodes,firstChild,lastChild将为空数组或者空字符串。

5.nodeName:

1、文档中的每一个节点都有这个属性

2、为给定节点的名称

3、如果节点是元素节点,nodeName返回元素的名称

如果给定节点为属性节 点,nodeName返回属性的名称

如果给定节点为文本节点,nodeName返回为#text的字符串


6.nodeType:

1、该节点表明节点类型,返回值为一个整数

2、常用的节点类型有三种:

1、元素节点类型               值为1

2、属性节点类型               值为2

3、文本节点类型               值为3

7.nodeValue:

1、返回给定节点的当前值(字符串)

2、如果给定节点是属性节点,返回值是这个属性的值

如果给定节点是文本节点,返回值是这个文本节点的内容

如果给定节点是元素节点,返回值是null

3nodeValue是一个读写属性

8.replaceChild():

1、把一个给定父元素里的一个子节点替换为另外一个子节点

2var reference = element.replaceChild(newChild,oldChild)

3、返回值指向已经被替换掉的那个子节点的引用

9.getAttribute():

1、返回一个给定元素的给定属性的节点的值

2var attributeValue = element.getAttribute(attributeName)

3、给定属性的名字必须以字符串的形式传递给该方法

4、给定属性的值将以字符串的形式返回

5、通过属性获取属性节点

getAttributeNode(属性的名称)   -----------返回属性节点

10.setAttribute():

1、将给定元素添加一个新的属性或改变它现有属性的值

2element.setAttribute(attributeName,attributeValue);

3、属性的名字和值必须以字符串的形式传递

4、如果这个属性已经存在,那么值将被attributeValue取代

5、如果这个属性不存在,那么先创建它,再给他赋值

11.createElement():

1、按照给定的标签名创建一个新的元素节点,方法的参数为被创建的元素的名称

2var reference = document.createElement(elementName);

3、方法的返回值指向新建节点的引用,返回值是一个元素节点,所以nodeType 1                           

4、新建的节点不会自动添加到文档里,只是存在于document里一个游离的对象


12.createTextNode():

1、创建一个包含给定文本的新文本节点

2、这个方法的返回值指向这个新建的文本节点的引用

3、该方法有一个参数:新建文本节点的文本内容

4、它是一个文本节点,所以nodeType值为3

5、新建的文本对象不会自动添加到文档里,属于游离态的对象。

13.appendChild():

1、为给定元素增加一个子节点

var newreference = element.appendChild(newChild);

2、给定子节点newChild将成为element的最后一个节点

3、方法的返回值指向新增节点的引用

4、该方法通常与createElement()createTextNode()一起使用

5、新节点可以追加给文档中的任何一个元素(不是属性和文本)

14.insertbefore():

1、把一个给定节点插入到一个给定元素子节点的前面

2var reference = element.insertBefore(newNode,targetNode)

3newNode节点将作为element的子节点出现,并在targetNode节点的前面

4、节点targetNode必须是element的一个子节点

5、该方法通常与createElementcreateTextNode结合使用

15.removeChild():

1、从给定的元素里删除一个子节点

2var reference = element.removeChild(node)

3、返回值指向已经被删除的子节点的引用

4、当某个子节点被删除时,这个子节点所包含的子节点也被删除掉

5、如果想删除一个子节点,但不知道父节点,可以使用parentNode属性

16.childNodes():

1、返回一个数组,这个数组是由给定节点的子节点组成的。

2var nodeList = node.childNodes()

3、文本节点和属性节点不可能再包含子节点,所以他们的childNodes()方法返回一个空的数组

4、如果想知道这个节点有没有子节点可以利用hasChildNodes方法。

5、一个节点的子节点有多少个可以调用数组的length来得到。

6、如果这个节点还有子节点,那么这个节点肯定是元素节点

17.firstChild():

1、该属性返回给定节点的第一个子节点

2var reference = node.firstChild

3、文本节点和属性节点不包括任何子节点,所以返回值为null

4node.firstChild=node.childNodes[0]

18.lastChild():

1、该属性返回给定节点的最后一个子节点

2var reference = node.lastChild

19.nextSibling():

返回给定节点的下一个兄弟节点

20.parentNode():

1、返回给定元素节点的父节点

2document没有父节点

21.previousSibling():

返回给定节点的上一个兄弟节点

22.innerHTML():

用来读写某个元素中的HTML内容

23.window.onload():

1、在页面上所有的数据加载完以后触发该方法

2、这样做的好处是,有时候一些JS函数要用到页面上的一些数据,但是此时有些数据还没有加载进来。这个时候触发函数,就会报一些异常。所以用window.onload方法可以确保数据安全落地。

可能有些漏了吧,就先这样吧。


0 0
原创粉丝点击