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
3、nodeValue是一个读写属性
8.replaceChild():
1、把一个给定父元素里的一个子节点替换为另外一个子节点
2、var reference = element.replaceChild(newChild,oldChild)
3、返回值指向已经被替换掉的那个子节点的引用
9.getAttribute():
1、返回一个给定元素的给定属性的节点的值
2、var attributeValue = element.getAttribute(attributeName)
3、给定属性的名字必须以字符串的形式传递给该方法
4、给定属性的值将以字符串的形式返回
5、通过属性获取属性节点
getAttributeNode(属性的名称) -----------返回属性节点
10.setAttribute():
1、将给定元素添加一个新的属性或改变它现有属性的值
2、element.setAttribute(attributeName,attributeValue);
3、属性的名字和值必须以字符串的形式传递
4、如果这个属性已经存在,那么值将被attributeValue取代
5、如果这个属性不存在,那么先创建它,再给他赋值
11.createElement():
1、按照给定的标签名创建一个新的元素节点,方法的参数为被创建的元素的名称
2、var 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、把一个给定节点插入到一个给定元素子节点的前面
2、var reference = element.insertBefore(newNode,targetNode)
3、newNode节点将作为element的子节点出现,并在targetNode节点的前面
4、节点targetNode必须是element的一个子节点
5、该方法通常与createElement和createTextNode结合使用
15.removeChild():
1、从给定的元素里删除一个子节点
2、var reference = element.removeChild(node)
3、返回值指向已经被删除的子节点的引用
4、当某个子节点被删除时,这个子节点所包含的子节点也被删除掉
5、如果想删除一个子节点,但不知道父节点,可以使用parentNode属性
16.childNodes():
1、返回一个数组,这个数组是由给定节点的子节点组成的。
2、var nodeList = node.childNodes()
3、文本节点和属性节点不可能再包含子节点,所以他们的childNodes()方法返回一个空的数组
4、如果想知道这个节点有没有子节点可以利用hasChildNodes方法。
5、一个节点的子节点有多少个可以调用数组的length来得到。
6、如果这个节点还有子节点,那么这个节点肯定是元素节点
17.firstChild():
1、该属性返回给定节点的第一个子节点
2、var reference = node.firstChild
3、文本节点和属性节点不包括任何子节点,所以返回值为null
4、node.firstChild=node.childNodes[0]
18.lastChild():
1、该属性返回给定节点的最后一个子节点
2、var reference = node.lastChild
19.nextSibling():
返回给定节点的下一个兄弟节点
20.parentNode():
1、返回给定元素节点的父节点
2、document没有父节点
21.previousSibling():
返回给定节点的上一个兄弟节点
22.innerHTML():
用来读写某个元素中的HTML内容
23.window.onload():
1、在页面上所有的数据加载完以后触发该方法
2、这样做的好处是,有时候一些JS函数要用到页面上的一些数据,但是此时有些数据还没有加载进来。这个时候触发函数,就会报一些异常。所以用window.onload方法可以确保数据安全落地。
可能有些漏了吧,就先这样吧。