<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="div1">hello
<div class="div2">hello 2</div>
<div class="div3" name="aaa">hello 3
<p >hello inner</p>
<p id="ppp">hello inner2</p>
<p class="ppp">hello inner3</p>
<p name="alex">hello inner4</p>
</div>
<p>hello p</p>
</div>
</body>
</html>
<script>
Global Search:
by ID
var TEMP = document.getElementById ( "DIV1");
by class
var ELE = document.getElementsByClassName ( "Div2") [0];
var = ele2 ele.nextElementSibling;
Alert (ele2.innerHTML);
by tag
Tag document.getElementsByTagName = var ( "P");
Alert (Tag [0] .innerHTML)
by Name
var Name=document.getElementsByName("aaa");
for(var i in Name){
console.log(Name[i].innerHTML)
}
Find local:
var = ELE document.getElementsByClassName ( "DIV3") [0];
By local lookup may TagName
var ele2 ele.getElementsByTagName = ( "P");
Alert (ele2.innerHTML)
Alert (ele2.length)
By local lookup class
var ele4 = ele.getElementsByClassName ( "PPP");
Alert (ele4);
Can not find by partial tagName
var ele5 = ele.getElementsByName ( "Alex");
Alert (ele5);
Can not find by partial ID
var ele3 = ele.getElementById ( "PPP");
Alert (ele3.innerHTML);
</script>