DOM节点分为元素节点,文本节点和属性节点,下面通过一些代码阐述三者区别。
1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 4 <title>DOM</title> 5 </head> 6 <body> 7 <p>You are my boy friend.</p> 8 <p title="This is a gentle reminder">Let me to be the happiest girl.</p> 9 </body> 10 </html>
元素节点:<html>,<body>,<title>,<ul>等,nodeType:1
属性节点:title="This is a gentle reminder“;总是被包含在起始标签里。再比如,class属性,id属性,alt属性,title属性等等 nodeType:2
文本节点:“You are my boy friend.","Let me to be the happiest girl."(包含在元素节点内部,一般为文字,但并非所有的元素节点都包含文本节点,比如<ul><li>你好</li></ul>,ul包含<li>但只有<li></li>中才包含文本节点"你好") nodeType:3