javascript 节点类型介绍

1.节点是什么？

2.节点有哪些类型？

3.节点有哪些操作方法？

4.节点类型的判断方法？

dom节点 是通过父级获到的子级集合 节点 我这里主要介绍常用到的三种类型

2.1 元素节点 属性节点 文本节点

3.1:操作方法

获取子节点集合

childNodes:获取到所有的子节点集合  通过该方式获取到的集合包括：元素 属性 文本 三种节点

children:获取到的集合只包括 元素节点 不包含 文本 和属性节点

attributes:获取到的是属性节点的集合 不包括其他两种

nodeType:判断节点类型

nodeName:属性节点名称

nodeValue:属性节点的值 

节点通常用数值判断 节点的类型 :

<div id="box">

<span></span>

</div>

<script>

var fax = document.getElementById("box");

var attrNode = fax.childNodes;//获取所有子节点

var attr = fax.attributes;//获取box的所有元素节点

console.log(attr);//box

console.log(attr[0].nodeType)//2

console.log(attrNode[0].nodeType)//#text 3

console.log(attr[0].nodeName)//id

console.log(attr[0].nodeValue)//box

</script>