html代碼示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>查找元素</title>
</head>
<body>
<ol id="list">
<li class="book">蜜蜂書店</li>
<li class="book">模范書局</li>
<li class="book2">物外書店</li>
<li class="book2">庫布里克</li>
</ol>
<p>三聯(lián)韜奮</p>
<p>字里行間</p>
<p class="page">言幾又</p>
<input type="button" value="按鈕1" name="btn" />
<input type="button" value="按鈕2" name="btn" />
<input type="button" value="按鈕3" class="btn" />
</body>
</html>
javascript獲取元素
- 通過id獲取元素
var list = document.getElementById("list");
- 通過TagName獲取元素
var pages = document.getElementsByTagName("p");
- 通過ClassName獲取元素 //IE9以下不支持
var books1 = document.getElementsByClassName("book");
4.通過Name獲取元素 //IE下不是所有標(biāo)簽都支持此獲取方法
var btn1 = document.getElementsByName("btn");
5.通過querySelector獲取元素 //IE9以下不支持
var btn2 = document.querySelector(".btn");
6.通過querySelectorAll獲取元素 IE9以下不支持
var books2 = document.querySelectorAll("#list .book2");
//返回元素?cái)?shù)組翔曲，需通過下標(biāo)操作單獨(dú)元素，通過循環(huán)遍歷每一個(gè)元素，
7.自調(diào)用函數(shù)
（function （a寇荧，b） {
console.log(a,b);
})(10,20);
