查找 HTML 元素
1、通过 id 找到 HTML 元素
document.getElementById("idname")
2、通过标签名找到 HTML 元素
document.getElementsByTagName("tagName")（全局搜索，整个网页文档）
tagObj.getElementsByTagName("tagName") 搜索tagObj的子元素（b不包括自身）
3、通过类名找到 HTML 元素
document.getElementsByClassName("className")
ele.getElementsByClassName("className")
4、通过名字查找HTML元素
document.getElementsByName("name")
这里的名字不是指标签的名字，是指的name属性的名字。
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>获取HTML元素</title>
</head>
<body>
<div id="one">
<span>DOM：文档对象模型（Document Object Model）
简述：网页被加载的时候，浏览器会给网页上的每个标签创建这个标签对应的对象。我们可以获取这个对象，来操作对应的标签的一些属性。
总结：获取要操作的标签元素对应的对象，通过这个对象来操作这个元素。
</span>
</div>
<div class="two">
<span>DOM：文档对象模型（Document Object Model）
简述：网页被加载的时候，浏览器会给网页上的每个标签创建这个标签对应的对象。我们可以获取这个对象，来操作对应的标签的一些属性。
总结：获取要操作的标签元素对应的对象，通过这个对象来操作这个元素。
</span>
</div>
<div class="two" name="last">
<span>DOM：文档对象模型（Document Object Model）
简述：网页被加载的时候，浏览器会给网页上的每个标签创建这个标签对应的对象。我们可以获取这个对象，来操作对应的标签的一些属性。
总结：获取要操作的标签元素对应的对象，通过这个对象来操作这个元素。
</span>
</div>
<p class="two" name="last">DOM树（图片）：http://www.w3school.com.cn/js/js_htmldom.asp
简述：网页就是有标签组成的，标签是层层包裹的（<font>父标签和子标签</font>），最内存的标签包裹着内容。（文本或者图片）
</p>
</body>
</html>
<script type="text/javascript">
// var person1; //undefined
// var person = null;
// person = new Object();
// person.name = "siki";
// person = null; //空对象，没有指向任何对象
//1，通过id
// var div = document.getElementById("one");
// console.log(div);
//2,通过tagname标签名，可通过对象调用
// var div = document.getElementsByTagName("div");
// var div = document.getElementById("one");
// var arr1 = div.getElementsByTagName("span");
// console.log(arr1);
//3，通过classname类名，可通过对象调用
var div = document.getElementById("one");
var arr1 = div.getElementsByClassName("two");
// var arr1 = document.getElementsByClassName("two");
// console.log(arr1);
//4，通过标签的name值来查找
// var arr1 = document.getElementsByName("last");
// console.log(arr1);
</script>
