<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="div1"> div标签
<p class="p1" value="12345">hellow ,parent</p>
<p class="p1" value="6789">hellow.chilend</p>
<span>sapnsoanapsn</span>
</div>
<script>
var res=document.getElementsByClassName("p1")[0];
console.log(res);
// console.log(res.nodeType);
// console.log(res.nodeName);
// console.log(res.nodeValue);
console.log(res.innerHTML);//通过这个拿去里面的内容.
//res.innerHTML="12345";
console.log( res.parentNode);
console.log( res.parentElement.innerHTML);//通过这个拿去div里面的全部内容。
console.log( res.parentElement.innerText);//通过这个拿去div里面的文本内容。
console.log( res.parentElement.innerHTML);
console.log( res.nextSibling.nodeName);//这个打印的是文本。
console.log( res.nextElementSibling.innerHTML);//这个打印的是正常的.
console.log( res.parentElement.nextSibling);//通过这个拿去div里面的内容。
//局部查找:
var res=document.getElementsByTagName("div")[0];//先查div
var res2=res.getElementsByTagName("span")//在查sapn
console.log(res2[0].innerHTML)
</script>
</body>
</html>