首页 > 程序开发 > web前端 > JavaScript >

js操作节点,ID,name,calssname,tag,style

2012-03-24

011.访问节点02document.getElementById(id);03返回对拥有指定id的第一个对象进行访问0405document.getElementsByName(name);06返回带有指定名称的节点集合07注意:Elements0809document.getElementsByTagName(ta...

01
1.访问节点
02
document.getElementById(id);
03
返回对拥有指定id的第一个对象进行访问
04

05
document.getElementsByName(name);
06
返回带有指定名称的节点集合
07
注意:Elements
08

09
document.getElementsByTagName(tagname);
10
返回带有指定标签名的对象集合
11
注意:Elements
12

13
document.getElementsByClassName(classname);
14
返回带有指定class名称的对象集合
15
注意:Elements
16

17
2.生成节点
18
document.createElement(eName);
19
创建一个节点
20

21
document.createAttribute(attrName);
22
对某个节点创建属性
23

24
document.createTextNode(text);
25
创建文本节点
26

27
3.添加节点
28
document.insertBefore(newNode,referenceChild);
29
在某个节点前插入节点
30

31
parentNode.appendChild(newNode);
32
给某个节点添加子节点
33

34
4.复制节点
35
cloneNode(true | false);
36
复制某个节点
37
参数:是否复制原节点的所有属性
38

39
5.删除节点
40
parentNode.removeChild(node)
41
删除某个节点的子节点
42
node是要删除的节点
43
注意:IE会忽略节点间生成的空白文本节点(例如,换行符号),而Mozilla不会这样做。在删除指定节点的时候不会出错,但是如果要删除最后一个子结点或者是第一个子结点的时候,就会出现问题。这时候,就需要用一个函数来判断首个子结点的节点类型。
44
元素节点的节点类型是 1,因此如果首个子节点不是一个元素节点,它就会移至下一个节点,然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素子节点被找到为止。通过这个方法,我们就可以在 Internet Explorer 和 Mozilla 得到正确的方法。
45

46
6.修改文本节点
47
appendData(data);
48
将data加到文本节点后面
49

50
deleteData(start,length);
51
将从start处删除length个字符
52

53
insertData(start,data)
54
在start处插入字符,start的开始值是0;
55

56
replaceData(start,length,data)
57
在start处用data替换length个字符
58

59
splitData(offset)
60
在offset处分割文本节点
61

62
substringData(start,length)
63
从start处提取length个字符
64

65
7.属性操作
66
getAttribute(name)
67
通过属性名称获取某个节点属性的值
68

69
setAttribute(name,value);
70
修改某个节点属性的值
71

72
removeAttribute(name)
73
删除某个属性
74

75
8.查找节点
76
parentObj.firstChild
77
如果节点为已知节点的第一个子节点就可以使用这个方法。此方法可以递归进行使用
78
parentObj.firstChild.firstChild.....
79

80
parentObj.lastChild
81
获得一个节点的最后一个节点,与firstChild一样也可以进行递归使用
82
parentObj.lastChild.lastChild.....
83

84
parentObj.childNodes
85
获得节点的所有子节点,然后通过循环和索引找到目标节点
86

87
9.获取相邻的节点
88
neborNode.previousSibling :获取已知节点的相邻的上一个节点
89
nerbourNode.nextSlbling: 获取已知节点的下一个节点
90

91
10.获取父节点
92
childNode.parentNode:得到已知节点的父节点

摘自 OO&&XX
相关文章
最新文章
热点推荐