节点的操作
文档对象:document
元素:element 页面中所有的标签,元素--标签--对象
节点:页面中索引的内容(标签 属性 文本)
节点的属性:
NodeType:节点的类型 1--表示标签 2--表示属性 3--文本
NodeName:节点的名字1--大写的标签名字 属性--小写的属性名字 文本节点--#text
NodeValue:节点的值 标签--null 属性--属性值 文本--文本内容
节点操作
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="dv">
<span>这是span标签</span>
<div>这是div标签</div>
<ul id="uu">
<li>只是第1个li</li>
<li>只是第2个li</li>
<li>只是第3个li</li>
<li>只是第4个li</li>
<li>只是第5个li</li>
</ul>
</div>
<script src="comen.js"></script>
<script>
//获取无序列表
var ulObj=my$("uu") ;
//获取ul的父级节点
console.log(ulObj.parentNode);
console.log(ulObj.parentElement);
//节点属性---nodeTYpe,nodeName,nodeValue
console.log(ulObj.parentNode.nodeType);
console.log(ulObj.parentNode.nodeName);
console.log(ulObj.parentNode.nodeValue);
//获取ul的父级元素
</script>
</body>
</html>