JavaScript判断对象类型及节点类型、节点名称和节点值

一、JavaScript判断对象类型

1、可以使用typeof函数判断对象类型

 function checkObject1(){
     var str="str";
     console.log(typeof(str))//输出"string";
     console.log(typeof(str)=="string")//输出true;
 }​

　　2、使用对象的构造函数属性(constructor)，来判断对象的类型：

 function checkObject2(){
  var str ="str";
  console.log(str.construtor=="string")//输出true
 }

　　3、两者的区别

typeof函数判断的对象类型只能是：

（1）boolean

（2）function

（3）number

（4）object

（5）string

（6）undefined

construtor属性的用法可以判断一个复杂的类型。比如

 //复杂类型的对象，判断其类型
 function User(name , age){
     this.name=name;
     this.age=age;
 }
 function checkComplexObj(){
     var s='a string';
     var arr=[];
     var obj=new Object();
     var usr=new User();//自定义对象
     console.log( 's.constructor==String  :'+ (s.constructor==String));//输出true
     console.log( 'arr.constructor==Array  :'+ (arr.constructor==Array));//输出true
     console.log( 'obj.constructor==Object  :'+ (obj.constructor==Object));//输出true
     console.log( 'usr.constructor.name==User  :'+ (usr.constructor.name==User));//输出true
 }

二、使用JavaScript判断节点类型、节点名称和节点值

1、节点类型的分类

节点类型	说明	值
元素节点	每一个HTML标签都是一个元素节点，如 <div> 、 <p>、<ul>等	1
属性节点	元素节点（HTML标签）的属性，如 id 、class 、name 等。	2
文本节点	元素节点或属性节点中的文本内容。	3
注释节点	表示文档注释，形式为<!-- comment text -->。	8
文档节点	表示整个文档（DOM 树的根节点，即 document ）	9

　　2、使用JavaScript判断节点类型，节点名称和节点值

 <!--使用javascript判断节点类型-->
 <div id="oneDiv">一段文本</div><!--注释文本-->
 <script type="text/javascript">
     var div = document.getElementById("oneDiv");
     console.log(div.nodeType); //输出1，元素节点
     var divText = div.firstChild;
     console.log(divText.nodeType) //输出3，文本节点
     var divAttr = div.getAttributeNode("id");
     console.log(divAttr.nodeType) //输出2，属性节点
     var comment = div.nextSibling;
     console.log(comment.nodeType) //输出8，注释节点
 </script>

 <!--使用javascript判断节点名称-->
 <div id="oneDiv">一段文本</div><!--注释文本-->
 <script type="text/javascript">
     var div = document.getElementById("oneDiv");
     console.log(div.nodeName); //输出DIV，元素节点为标签大写
     var divText = div.firstChild;
     console.log(divText.nodeName) //输出#text，文本节点使用nodeName时永远为#text
     var divAttr = div.getAttributeNode("id");
     console.log(divAttr.nodeName) //输出id，属性节点为属性名
     var comment = div.nextSibling;
     console.log(comment.nodeName) //输出#comment，注释节点使用nodeName时永远为#comment
 </script>    

 <!--使用javascript判断节点值-->
 <div id="oneDiv">一段文本</div><!--注释文本-->
 <script type="text/javascript">
     var div = document.getElementById("oneDiv");
     console.log(div.nodeValue); //输出null，元素节点对于nodeValue不支持
     var divText = div.firstChild;
     console.log(divText.nodeValue) //输出一段文本，文本节点输出文本值
     var divAttr = div.getAttributeNode("id");
     console.log(divAttr.nodeValue) //输出oneDiv，属性节点输出属性值
     var comment = div.nextSibling;
     console.log(comment.nodeValue) //输出注释文本，注释节点输出注释内容
 </script>