如何获得属性、文本、注释节点

---

一、属性节点

首先要明确：属性节点是依附于元素节点的，属性节点不能脱离元素节点在DOM结构中单独存在。要想获取属性节点，必须先获取元素节点。
1、通过 元素节点的attributes属性：
小游戏
利用js获取以上超级链接中的属性的集合。

 var attrs=$(“.lk”).attributes;//获取链接
    console.log(attrs);	//超级链接中的所有节点
    console.log(attrs.length);	//连接中的节点个数
    cosnole.log(attrs[1]);	//获取第一个节点 href="https://www.4399.com"

2、通过元素节点getAttributeNode()方法实现

//获取连接中的title属性
 var titleAttr=$(“.lk”).getAttributeNode(“title”);
    console.log(titleAttr);	      //title="小游戏"

二、获取文本和注释节点

1.如何获取节点内部的文本

（1）通过元素节点的inertiaText属性以文本的形式返回元素节点中的内容
（2）元素节点的innerHtml属性

王者

利用js实现获取文本内容

 var a=$(“.tet”).innerText;
         console.log(a);	// 纯文本输出 王者
         var b=$(“.tet”).innerHTML;
         console.log(b);	// 带有html标记的文本输出<p>王者</p>

2.如何获取文本、注释节点

（1）通过元素节点的firstChild来获取文本节点。
（2）元素节点的firstChild属性用来获取该元素节点的第一个子节点。

//返回tet中的第一个子节点
var ssr=$(“.tet”).firstChild;
console.log(ssr);

例如：

<div class=“tet”><a href=“#”>4399</a></div>
console.log(ssr);  //返回为<a href=“#”>4399</a>
<div class=“tet”>4399超乎想象</div>
console.log(ssr);//返回为4399超乎想象