DOM三种节点区分

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

 

posted @ 2015-11-11 13:18  Annguowenhua2015  阅读(309)  评论(0)  编辑  收藏  举报